Vscode 路径智能感知无法与 jsconfig.json（下一个 js）一起使用

Question

我的项目结构是这样的：

jsconfig.json
next.config.json
components
   |_atoms
       |_Button.jsx
       |_Button.module.scss
       |_...
   |_...
...

在 里面jsconfig.json，我有这个：

{
   "compilerOptions": {
      "baseUrl": ".",
      "paths": {
         "@/components/*": ["components/*"]
      }
   },

   "include": ["components/**/*", "api/**/*", "data/**/*", "pages/**/*", "utils/**/*"]
}

Next.js 正确导入了组件并且它正在工作，但在开发方面，自动完成功能不再工作了！

例如，所有这些导入语句都像魅力一样工作，但我手动编写了路径并且自动完成没有帮助：

jsconfig.json
next.config.json
components
   |_atoms
       |_Button.jsx
       |_Button.module.scss
       |_...
   |_...
...

所以 next js 没有问题，但Path Intellisense不再建议文件名。
我重命名jsconfig.json为其他名称（以禁用它），这一次，Path Intellisense 工作正常，但 next js 无法导入组件。

我怎样才能从两者中受益？我想要绝对导入并使用路径智能感知。

Answer 1

如果您刚刚创建了一个新jsconfig.json（或tsconfig.json）文件，或对其进行了更改，则需要执行以下操作才能使其正常工作：

重新启动服务器（对于 nextjs）。重新启动 VSCode（用于自动完成）。

那是，

• 停止服务器
• 重启VSCode
• 启动服务器