首页 > 解决方案 > Vscode Path Intellisense 不适用于 jsconfig.json(下一个 js)

问题描述

我的项目结构是这样的:

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 正确地导入了组件并且它正在工作,但在开发方面,自动完成不再工作了!

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

import Button from "components/atoms/Button";    //works
import Button from "@/components/atoms/Button";  //works
import Button from "../components/atoms/Button"; //works if the relative path is correct
import styles from "./Button.module.scss";       //works inside Button.jsx

所以 next js 没有问题,但是Path Intellisense不再建议文件名了。
我重命名jsconfig.json为其他东西(以禁用它),这一次,Path Intellisense 工作正常,但下一个 js 无法导入组件。

我怎样才能从两者中受益?我想要绝对导入并且还使用 Path Intellisense。

标签: javascriptvisual-studio-codeautocompletenext.js

解决方案


推荐阅读