VSCode 无法为未定义变量/函数提示 ES6 导入快速修复怎么解决？

核心原因 #

你当前收到的W117报错由JSHint插件抛出，JSHint本身不支持对接VSCode内置JavaScript语言服务的自动导入能力，因此只会提示变量未定义，不会给出导入建议。输入import时有提示是因为该功能由VSCode内置语言服务提供，不受JSHint影响。

修复步骤 #

1. 开启内置自动导入配置 #

打开VSCode设置（快捷键Ctrl+,/Cmd+,），确认以下配置项已开启：

• javascript.suggest.autoImports：设为true，启用自动导入建议
• javascript.autoImports.showStatusBarItem：可选，开启后状态栏会显示自动导入状态

2. 调整校验工具配置 #

方案1：修改JSHint规则（临时适配）

在项目根目录新建.jshintrc文件，添加以下配置关闭未定义变量校验，将该逻辑交给VSCode内置服务处理：

{
  "undef": false
}

方案2：替换为ESLint（更推荐）

目前前端生态已普遍使用ESLint替代JSHint做代码校验，ESLint可完美适配VSCode的自动导入、快速修复能力。操作如下：

• 禁用/卸载JSHint插件
• 安装ESLint插件，在项目中配置基础JS校验规则即可

3. 补充jsconfig.json（多目录项目必填） #

如果你的项目源码不在根目录，需要在根目录新增jsconfig.json文件，指定语言服务扫描范围：

{
  "compilerOptions": {
    "target": "ES6",
    "module": "ESNext"
  },
  "include": ["src/**/*"], // 替换为你的实际源码目录
  "exclude": ["node_modules"]
}

所有配置完成后重启VSCode即可生效，悬停未定义函数、Quick Fix面板都会出现自动导入选项。

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