javascript - 当使用项目名称指定导入时，Visual Studio Code 查看/转到定义不起作用

Question

我正在使用 JavaScript。通常情况下，导入如下所示:

从'../../utils/reducerUtils'导入reducerUtils

并且 reducerUtils 上的查看定义或转到定义按预期工作。

当我将导入更改为时，情况会有所不同:

import reducerUtils from 'projectname/src/utils/reducerUtils'

路径绝对有效，应用程序也可以工作，但在编辑器中，查看定义或转到定义不再工作

我知道从编辑的 Angular 来看这可能是一个标准问题，但我只是在这里寻找任何解决方案以使其发挥作用。它可能涉及某处的一些配置更改，但我的搜索没有运气。帮助将不胜感激。

Answer 1

在根目录(或根据项目的适当位置)添加 jsconfig.json 文件。指定 compilerOptions 下的paths。例如，

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "projectname/*": ["./*"], //it's root in my case
    }
  },
  "exclude": ["node_modules"]
} 

再仔细看看: https://medium.com/@justintulk/solve-module-import-aliasing-for-webpack-jest-and-vscode-74007ce4adc9

官方文档:https://code.visualstudio.com/docs/languages/jsconfig