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')
}

在某些文件中，我想從一個桶中導入不同的模塊：

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

為了完成這項工作，我在shared/common/components內部創建了barrel 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標記為Resource Root，因為這是包含shared和app的目錄，但仍然無法正常工作。

如果我將導入更改為：

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

有什么方法可以使WebStorm識別這些index.ts文件而無需在導入中實際寫入它們？

Answer 1

正如@anstarovoyt在他的評論中指出的那樣，該問題在更新為WS2016.2之后得以WS2016.2 。

因此，似乎只有兩個選項是更新WebStorm或繼續在導入中編寫擴展名：

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