ES6 样式导入语句在 TypeScript 中不起作用答案

【问题标题】：ES6 style import statement not working in TypeScriptES6 样式导入语句在 TypeScript 中不起作用
【发布时间】：2017-09-04 09:17:03
【问题描述】：

我正在尝试在 TypeScript 中进行简单的导入/导出，如下所示：

animals.ts

export const someVar=5;

main.ts

import {someVar} from './animals';

但是编译器说：

以下是我的 typescript 编译器选项：

-t ES6 -m commonjs

我也在模块选项中尝试过 amd，但没有运气。不过 RequireJs 似乎运行良好。

我的 TypeScript 版本是 2.2.2 并使用 WebStorm IDE。

我在这里缺少什么？请耐心等待，因为我是新手。

编辑

tsc main.ts 编译得非常好。但是 WebStorm 仍然抱怨编译错误。

【问题讨论】：

你的 tsconfig.json 是什么样的？你如何将 typescript 源代码转换为 js 源代码？通过常规 tsc？你使用 webpack 还是 gulp 或 babel 等？
我在没有 tsconfig.json 的情况下使用 tsc inbuit 进入 webstorm。但是从设置视图中给出以下编译器选项 -t ES6 -m commonjs
出于所有意图和目的，这是非常基本的东西，应该可以工作。我认为 webstorm js 配置有问题。您应该尝试从命令行在其外部运行tsc，并检查它是否有效。
@HoriaComan 你说得对， tsc main.ts 确实可以正确编译而没有错误。我猜 Webstorm 出了点问题。
您是否将配置“语言和框架”=> JavaScript 设置为 ECMAScript 6？

【解决方案1】：

找到了解决办法。我使用的是旧的 webstorm 10，它使用的是 typescript 编译器版本 1.4。我将 webstorm 升级到使用编译器版本 2.2.2 的 2017.1。感谢@Horia Coman 提供提示。

【讨论】：