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';

WebStorm 无法识别导入中的 index.ts 个文件

WebStorm not recognising index.ts files in imports

import

intellij-idea

webstorm

typescript

webpack