Unknown at rule @tailwindcss 错误

Unknown at rule @tailwindcss 错误

如果项目中配置了stylelint，并且使用了tailwindcss，会报这个错误

解决方案1

安装 stylelint-config-tailwindcss

npm install stylelint-config-tailwindcss --save-dev

配置 stylelint config

{
  "extends": [
    "stylelint-config-recommended",
+   "stylelint-config-tailwindcss"
  ]
}

解决方案2

借助vscode插件来解决，tailwindcss语法可以通过tailwindcss 和PostCss插件解决语法报错问题

解决方案3

• 项目根目录下新增.vscode/settings.json 文件
• 新增配置项 "css.lint.unknownAtRules": "ignore"

注意⚠️：这种解决方案其实并不推荐，这种配置会忽略所有类似的报错，大家尽量可以只解决对应的报错即可，没必要全部忽略