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

Question

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

这里是进口...

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

以及来自 VS Code 的消息：

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

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

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

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

Answer 1

我自己找到了解决方案。

我只在“路径”选项中明确地在 tsconfig.json 中找到了有关定义别名的内容，但这不能解决我的问题，因为在我的其他 Angular 项目中，即使我正在使用，也没有像这样定义的东西@Angular 在没有这个问题的情况下导入了很多。

但后来我在我的 Angular 项目"moduleResolution": "node"中发现了这个。

如其他 typescript 文档所述：

但是，非相对模块名称的解析执行方式不同。 Node 将在名为 node_modules 的特殊文件夹中查找您的模块。

看，它起作用了。 是的，我可能早点尝试过这个，因为它写在我的问题的 VS Code 的消息中，但我虽然这只适用于 node.js 个特定项目，但我没有在任何地方读到过这个。