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

我有一个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键并单击导入语句，它也会将我带到正确的文件。

如果所有导入都是从

src

文件夹解析的，请从项目视图的文件夹上下文菜单中将其标记为“资源根目录”。 如果您有在网页包配置文件中描述的更复杂的解析规则，请在

IDE首选项|语言和框架| JavaScript |网页包

中指定此配置的路径

您可以在下面的文章中找到有关WebStorm中导入主题的更多信息