NextJS配置jsconfig.json启用绝对导入后VSCode自动导入失效如何解决

• 你的jsconfig.json配置中include: ["."]规则会将项目根目录下所有文件纳入VSCode的JavaScript语言服务索引范围，包含NextJS自动生成的.next构建缓存目录
• .next目录下存在大量编译后的重复代码、自动生成的类型声明文件，会导致VSCode的符号索引出现冲突，检索优先级混乱，最终无法触发正确的自动导入提示
• NextJS 10.2.3本身内置了jsconfig.json基础适配逻辑，默认会自动排除.next、node_modules这类非业务代码目录，你新增的自定义配置没有显式声明exclude规则，覆盖了默认的排除逻辑，因此触发了问题

修改jsconfig.json为如下内容即可：

{
  "compilerOptions": {
    "baseUrl": "."
  },
  "include": ["next-env.d.js", "**/*.js", "**/*.jsx"],
  "exclude": ["node_modules", ".next"]
}

修改完成后重启VSCode的JavaScript语言服务即可：按下Ctrl+Shift+P（Mac设备为Cmd+Shift+P），搜索「Restart JavaScript Language Service」执行后就能恢复正常的自动导入功能。

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