顺风在规则中添加@顺风css,标记为未知。 如何避免这种错误?
如styles.css
@tailwind起飞前的;
@tailwind公用事业;
顺风在规则中添加@顺风css,标记为未知。 如何避免这种错误?
如styles.css
@tailwind起飞前的;
@tailwind公用事业;
当前回答
我的建议是安装postCSS语言支持,然后重命名tailwind.css为tailwind。然后PCSS更改包中的引用。Json脚本(或任何构建脚本你正在使用顺风)顺风。PCSS从顺风。css和一切应该工作正常。
@apply规则兼容postCSS: https://github.com/tailwindcss/tailwindcss/issues/325
其他回答
如果顺风css不像未知规则引起的错误那样工作,你需要重新构建它。例如,如果你已经在本地环境中运行了npm run dev,你可以用ctrl + c退出并再次运行npm run dev来创建一个正常的纯CSS文件,这将使顺风CSS工作。
这正是我所遇到的问题以及我是如何解决它的。
使用VScode,打开用户设置CTRL +,
搜索未知At规则
将Lint从警告更改为忽略
经过多次测试: POSTCSS和STYLUS语法高亮显示,删除警告,但CSS智能是不完整的,不显示第一实用工具类顺风
我在VSCode中安装了'language-stylus'插件
>用户设置:
"files.associations": {
"* .css": "stylus"
},
再见!
CSS智能是不完整的
你只需要把这些加到
点击文件> preferences > setting.json
“css.lint。unknownAtRules”:“忽略”, “css。验证”:没错, “scss。验证”:没错,
在setting.json中添加这些代码
我的建议是安装postCSS语言支持,然后重命名tailwind.css为tailwind。然后PCSS更改包中的引用。Json脚本(或任何构建脚本你正在使用顺风)顺风。PCSS从顺风。css和一切应该工作正常。
@apply规则兼容postCSS: https://github.com/tailwindcss/tailwindcss/issues/325