VSCode 在 NextJS 中使用绝对导入后自动导入不工作

Question

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

这是我的 json:

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

我正在使用下一个 10.2.3 和 vscode 1.57.1。如果我删除 jsconfig.json 文件，自动导入工作正常..

有人知道为什么吗？

Answer 1

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

Answer 2

我认为您还需要添加扩展程序。以下是我的应用程序的使用方式，我正在正确获取自动导入建议。

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

Answer 3

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

Answer 4

如果您尝试自动导入 .js 文件，您需要将此添加："**/*.js" 到 tsconfig.json 文件

中的包含数组

VSCode autoimport not working after using absolute imports in NextJS