0

因此，我开始在 VS Code 中将 jsconfig.json 文件添加到我的 react 项目中，以使我能够使用以下导入：

import { Home, Expenses, Invoices } from '@/views';

代替：

import { Home, Expenses, Invoices } from '../views';

我的 jsconfig 文件如下所示：

{
  "compilerOptions": {
    "module": "commonjs",
    "baseUrl": "src",
    "paths": {
      "@/*": ["/*"],
      "@/components/*": ["/components/*"],
      "@/views/*": ["/views/*"],
      "@/styles/*": ["/styles/*"]
    }
  },
  "include": ["src"],
  "exclude": ["node_modules"]
}

但是我开始注意到的一件事是，每当我这样做时，我都无法再单击“主页”并被带到代码/文件。相反，它总是会弹出一个仅显示对文件的引用的弹出窗口。我在此参考弹出窗口中单击的任何内容都不会将我带到该文件。它看起来像这样：

弹出框示例

有时它甚至不会带来悬停。它只会选择打开的代码块中的元素，如果我单击该元素，它只会选择顶部的导入。

如果我删除“@”符号，那么一切都会按预期进行。

有没有办法使用具有绝对导入/路径别名的 jsconfig.json 文件并保持单击导入以转到文件/代码的能力。

4

0 回答 0