动态加载脚本时，如何让 WebStorm 识别本地导入的文件？

Question

我有一个 node.js 应用程序，如下所示：

src/
src/app-loader.js
src/common/utils.js
src/plugin/index.js

app-loader.js 以 plugin/index.js 中的以下代码有效的方式动态加载 plugin/index.js：

import Thing from 'common/utils'

WebStorm 将该行标记为无效导入，因为从它的角度来看，common/utils.js 将映射到 npm 包，而 ./common/util.js 将映射到 src/plugin/common/util.js。它不知道 app-loader.js

我如何告诉 WebStorm 按我的方式而不是它通常的方式来做？我试过查看项目首选项和项目窗格中的右键单击上下文菜单，但没有什么是正确的解决方案。理想情况下，如果我在导入语句上 Ctrl+单击 ，它也会带我到正确的文件。

Answer 1

如果所有导入都是从 src 文件夹解析的，请在项目视图的文件夹上下文菜单中将其标记为“资源根目录”。如果你在 webpack 配置文件中描述了更复杂的解析规则，请在 IDE Preferences | Languages and Frameworks | JavaScript | Webpack.

中指定此配置的路径

您可以在此 blog post.

中找到有关 WebStorm 中导入主题的更多信息

动态加载脚本时，如何让 WebStorm 识别本地导入的文件？

How do I make WebStorm recognize a locally imported file when a script is being dynamically loaded?

javascript

node.js

webstorm

development-environment