webstorm - 编译包含Angular2导入的Typescript时在Webstorm中获取警告

我只是举了个例子https://angular.io/guide/quickstart
我已经按照快速入门手册做了所有的工作。
但当我的app.ts正在编译时，在webtorm控制台中收到警告。
详情如下：
我在Windows 8.1 x64、WebStorm 11.0.1上
app.ts

import {bootstrap, Component} from 'angular2/angular2';
@Component({
    selector: 'my-app',
    template: '<h1>My First Angular 3 App</h1>'
})
class AppComponent { }
bootstrap(AppComponent);

tsconfig.json

   {
  "compilerOptions": {
    "target": "ES5",
    "module": "commonjs",
    "sourceMap": true,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "removeComments": false,
    "noImplicitAny": false,
    "sourceRoot": "/"
  },
  "exclude": [
    "node_modules"
  ]
}

我把tsconfig.json文件放到app文件夹和根目录中。
实际上，app.ts正在编译文件，但由于某些原因收到警告：

error TS1148: Cannot compile modules unless the '--module' flag is provided.
error TS2307: Cannot find module 'angular2/angular2'.
error TS1205: Decorators are only available when targeting ECMAScript 5 and higher.
error TS1219: Experimental support for decorators is a feature that is subject to change in a future release. Specify '--experimentalDecorators' to remove this warning.

我有打字员
我的文件夹结构

编辑：
在设置中设置tsconfig.json后，错误从Typescript窗口消失

但在Run输出和代码编辑器中出现错误：

对tsconfig.json没有问题：

更新：
文件->设置->语言和框架->typescript帮助切换到tsconfig.json。然后我通过禁用以前手动启用的typescript观察程序解决了接下来的问题：文件->设置->工具->文件观察程序。现在有了这些设置，一切都很好。

最佳答案

你需要进入WebStorm中的“文件”->“设置”。然后在“设置”侧栏上转到“语言和框架”->“类型脚本”。
然后在typescript设置页面中有一个单选按钮选项用于Set options manually或Use tsconfig.json。选择tsconfig选项，然后应用更改并关闭。那么webtorm应该知道在编译typescript时使用tsconfig选项。

关于webstorm - 编译包含Angular2导入的Typescript时在Webstorm中获取警告，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33953599/