在Webstorm中使用ES6模块语法导航Typescript引用



我们正在使用Typescript与Intellij Webstorm 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,
    // ...
};

当我点击app.ts中的. myfunction()时,我希望导航到myModule。Ts文件,但这没有发生

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

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

但这行不通

我必须把它改成:

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

最新更新