javascript - 为什么 VSCode 的 "Go to definition"在我使用 Webpack 别名的项目上失败？

Question

这是 vscode issue #16320 的跟进，vscode 开发人员 Matt Bierner 建议我在这里问。

---

最新版本的 VS Code...

1. ... 有一个 Go to definition功能，通过在符号上按 F12 触发...
2. ... 并且还支持(通过 jsconfig.json 配置)webpack 别名，这是一种 webpack 功能，可以为导入行添加前缀以实现更友好的导入(参见 vscode documentation for Webpack aliases )。例如，将 /src/api 别名为 * 将让我输入 import foo from */users 而不是 import foo from 。 ./../../../src/api/users.

但在某些用例中，它们会一起失败。我建了一个 minimal broken test project (zip, 3kB)对于我的用例。任何人都可以看看它，看看我是否做错了什么或者它看起来像一个错误吗？

解压缩 zip 并查看 README.md:路径自动完成有效，但不是“peek”或“Go to definition”。

• 浏览 js 文件以检查我没有要求你运行任何恶意的东西。
• npm install && npm run build && node dist/index.js→ 安装和构建都成功，表明 Webpack 是快乐的。运行日志 [1, 2, 3]。
• 现在，运行 code/path/to/project 并打开 src/index.js在第 5 行，尝试在 getLinks 上按 F12→ 找不到“getLinks”的定义 😢

我的 jsconfig.json 还是做错了什么，还是这是个错误？ (也许是多层次的导出？)

Answer 1

接受的答案是正确的，除了我的解决方案很简单:

import something from '~/something';

jsconfig.json 看起来像这样:

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