使用import assertions时VS Code报模块找不到错误但lint与npm start正常

架构老林

2026-7-20

解决VS Code中ESLint提示找不到@babel/plugin-syntax-import-assertions的问题

以下是可行的排查和解决步骤：

确认依赖安装状态
先检查依赖是否正确安装在项目本地，执行：

npm list @babel/plugin-syntax-import-assertions

如果显示未找到，重新安装相关依赖：

npm install --save-dev @babel/core @babel/eslint-parser @babel/plugin-syntax-import-assertions

修正ESLint配置文件命名
你提到的配置文件是.eslintconfi.json，这里存在拼写错误，正确命名应为.eslintrc.json。VS Code的ESLint插件仅识别标准命名的配置文件，拼写错误会导致插件无法读取正确的Babel插件配置，进而触发报错。
配置VS Code使用项目本地ESLint
打开VS Code设置（快捷键Ctrl+,），搜索ESLint: Use Local Eslint并勾选该选项。这会让插件优先使用项目node_modules目录下的ESLint及相关依赖，而非全局版本。
重启ESLint服务
按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac），输入ESLint: Restart ESLint Server并执行，让插件重新加载配置和依赖。
检查ESLint配置中的插件声明
确保.eslintrc.json的parserOptions配置正确，示例如下：
```
{
  "parser": "@babel/eslint-parser",
  "parserOptions": {
    "babelOptions": {
      "plugins": ["@babel/plugin-syntax-import-assertions"]
    }
  }
}
```
确认插件名称无拼写错误，且嵌套在babelOptions节点下。