使用 ES6 模块语法在 Webstorm 中浏览 Typescript 引用

Question

我们在 Intellij Webstorm 中使用 Typescript IDE。

情况是我们使用 ES6 导入语法和 tsc 编译器 1.5.3（在 Webstorm 中设置为自定义编译器也带有标志 --module commonjs）

问题是无法从模块（文件）点击（导航到）方法

// app.ts

import * as myModule from 'myModule';

myModule.myFunction();



// myModule.ts

export function myFunction() {
    // implementation
}

当我在 app.ts 中单击 .myFunction() 时，我希望导航到 myModule.ts 文件，但这并没有发生？

编辑：

我们导出功能的方式与第一个示例略有不同：

export: {
    myFunction1,
    myFunction2,
    // ...
};

Answer 1

When I click on .myFunction() in app.ts I expect to navigate to myModule.ts file but this doesn't happen

这在当前的 WebStorm 版本中运行良好。

Answer 2

我发现了问题，我的问题示例过于简化了。在实际代码中，我们使用：

export: {
    myFunction1,
    myFunction2
    // ...
};

这真的行不通。

我必须将其更改为：

export function myFunction1() { /* impl */ }
export function myFunction2() { /* impl */ }

然后就可以了。

Navigating through Typescript references in Webstorm using ES6 module syntax