在 Next JS 中使用绝对导入后，VSCode 自动导入不起作用答案

【问题标题】：VSCode autoimport not working after using absolute imports in NextJS在 Next JS 中使用绝对导入后，VSCode 自动导入不起作用
【发布时间】：2021-09-03 09:41:54
【问题描述】：

在我的 NextJS 项目中创建 jsconfig.json 文件后，我的 VSCode 自动导入（使用控件 + 空格）无法正常工作。

这是我的 json：

{
  "compilerOptions": {
    "baseUrl": "."
  },
  "include": ["."]
}

我正在使用 next 10.2.3 和 vscode 1.57.1。如果我删除jsconfig.json 文件，自动导入就可以正常工作..

有人知道为什么吗？

【问题讨论】：

能否分享一下您的文件夹结构？
你试过重启你的vs代码吗？我知道面对这样的问题真的很烦人。我经常面对这个问题。我为修复它所做的事情：1）重新启动编辑器 2）如果不起作用，请稍事休息（但相信我在重新启动后它应该可以工作）。谢谢你，愿你的代码没有错误

标签： reactjs visual-studio-code next.js auto-import

【解决方案1】：

如果您尝试自动导入 .js 文件，您需要在 tsconfig.json 文件中的包含数组中添加："**/*.js"

【讨论】：

【解决方案2】：

有时当自动导入停止工作时，我会使用command palette -> reload project，它会得到修复。请注意，“重新加载项目”不是“重新加载窗口”，它要快得多。

【讨论】：

【解决方案3】：

我认为您还需要添加扩展名。这是我的应用程序使用它的方式，我正确地获得了自动导入建议。

"baseUrl": ".",
"include": [
    "next-env.d.ts",
    "**/*.ts",
    "**/*.tsx"
  ],

【讨论】：

Next CLI 生成的默认tsconfig 文件在我的情况下缺少baseUrl。包含已经存在，但是如果没有设置 baseUrl，自动导入就无法工作，所以如果其他人想知道 - 这可能是罪魁祸首。

【解决方案4】：

我从vscode更新到1.57版本后也遇到了同样的问题，我认为是版本的问题，因为当我将它更改为1.56时它可以正常工作。

【讨论】：