intellij-idea - WebStorm 无法识别导入中的 index.ts 文件

Question

我有一个使用 Webpack 的项目设置。我有几个不同目录的别名:

alias {
    shared/common: path.join(__dirname, 'src/main/js/publish/shared/common')
    app/common: path.join(__dirname, 'src/main/js/publish/app/common')
}

在某些文件中，我想从单个 barrel 导入不同的模块:

import { Comp1, Comp5, Comp7 } from 'shared/common/components';

为了让它工作，在 shared/common/components 我创建了桶形 index.ts 文件:

import { Comp1 } from '.comp1/comp1.comp';
import { Comp2 } from '.comp2/comp2.comp';
import { Comp3 } from '.comp3/comp3.comp';
....
import { CompN } from '.compN/compN.comp';

export {
    Comp1,
    Comp2,
    Comp3,
    ...
    CompN
}

虽然编译正常，但 WebStorm 在第一次导入时显示错误，指出它无法解析所有这些符号。

我试图将 src/main/js/publish 标记为资源根目录，因为这是包含 shared 和 app 的目录，但是还是不行。

如果我将导入更改为:

import { Comp1, Comp5, Comp7 } from 'shared/common/components/index.ts';

有没有办法让 WebStorm 识别那些 index.ts 文件而无需在导入中实际写入它们？

Answer 1

正如@anstarovoyt 在他的评论中指出的那样，问题在更新到 WS2016.2 后得到解决。

所以似乎仅有的两个选择是更新您的 WebStorm 或继续在导入中编写扩展:

import { Comp1, Comp5, Comp7 } from 'shared/common/components/index.ts';