
1. 错误原因
- VS Code 内置 CSS 解析器不识别 Tailwind CSS v4 新语法。
- Tailwind CSS v4 使用的
@import 'tailwindcss' source(none);属于框架专属语法,非标准 CSS 语法。 - 标准 CSS 插件将该语法误判为属性声明,因此提示缺少分号。
2. 解决方案
- 安装 VS Code 扩展:Tailwind CSS IntelliSense。
- 配置文件关联,让 VS Code 将对应文件识别为 Tailwind CSS 格式。
- 禁用内置 CSS 插件对 Tailwind 语法的错误校验。
3. 操作步骤
- 打开扩展面板,搜索并安装
Tailwind CSS IntelliSense。 - 重启 VS Code 使扩展生效。
- 扩展会自动识别 Tailwind CSS v4 语法,错误提示消失。


