VS Code 显示模块未找到，即使 WebPack 构建有效

Question

我的 VS Code 说它找不到导入，即使我的 WebPack 构建仍然有效。

这里是进口...

import * as tf from '@tensorflow/tfjs';

以及来自 VS Code 的消息：

找不到模块“@tensorflow/tfjs”。您是要将“moduleResolution”选项设置为“node”，还是要向“paths”选项添加别名？

我已经阅读了一些关于路径别名的内容，可以在中设置这些tsconfig.json别名以缩短模块的长路径。但是，如果这是一个路径别名，而我没有在 my 中配置它tsconfig.json，那么 WebPack 如何知道模块所在的位置？

我还读到路径别名的约定是以“@”开头，但“node_modules”本身中的文件夹称为“@tensorflow”，所以我不知道它是否真的是路径别名，如果不是，也许 WebPack 神奇地知道它必须在“node_modules”中搜索这个模块？

如您所见，我对此真的很困惑，如果有人可以为我解决这个问题并解释我必须做些什么来阻止 VS Code 抱怨导入，我会很高兴。

Answer 1

我自己找到了解决方案。我只在“路径”选项中明确地找到了关于在 tsconfig.json 中定义别名的内容，但这不能解决我的问题，因为在我的其他 Angular 项目中，即使我正在使用，也没有像这样定义的东西@Angular 在没有这个问题的情况下导入了很多。但后来我在我的 Angular 项目中发现了这个"moduleResolution": "node"。如其他打字稿文档所述：但是，非相对模块名称的解析执行方式不同。Node 将在名为 node_modules 的特殊文件夹中查找您的模块。看，它起作用了。是的，我可能早点尝试过这个，因为它写在我的问题的 VS Code 消息中，但我虽然这只是针对 node.js 特定项目的东西，但我没有在任何地方读到过这个。