如何在VS Code中解决或隐藏Tailwind CSS的package.json语法错误

先排查并修复实际错误 #

1. 检查package.json的JSON语法 #

JSON语法要求严格，常见触发错误的情况包括：

• 最后一个键值对末尾多写了逗号
• 字符串引号未闭合（必须用双引号，不能用单引号）
• 键名未用双引号包裹
• 存在JSON不支持的注释（比如//或/* */格式的内容）

直接查看VS Code里package.json文件的红波浪线定位错误，修复后保存，Tailwind的错误提示通常会自动消失。比如下面的错误示例：

{
  "name": "my-app",
  "scripts": {
    "dev": "vite"
  }, // 这里多了逗号，属于语法错误
}

2. 检查Tailwind配置文件的引用 #

如果你的tailwind.config.js里有引用package.json的代码（比如require('./package.json')），要确认路径正确，且引用的字段确实存在。路径错误或引用不存在的字段也可能触发这类提示。

3. 重启Tailwind语言服务 #

打开VS Code命令面板（快捷键：Ctrl+Shift+P / Cmd+Shift+P），输入并执行Tailwind CSS: Restart Language Server，强制刷新扩展服务，临时缓存问题导致的错误提示残留会被清除。

若暂时无法修复，隐藏错误提示 #

方法1：关闭Tailwind的校验功能 #

打开VS Code设置（快捷键：Ctrl+, / Cmd+,），搜索tailwindCSS.validate，取消勾选该选项，Tailwind扩展就不会再校验相关文件的语法。

方法2：单独屏蔽package.json的SyntaxError提示 #

打开设置，搜索problems.exclude，点击编辑 in settings.json，添加如下规则：

"problems.exclude": {
  "**/package.json": {
    "code": "SyntaxError"
  }
}

这样VS Code的问题面板就不会再显示package.json的语法错误提示。

内容的提问来源于stack exchange，提问作者Miguel Gargallo