Получение предупреждений в Webstorm при компиляции Typescript, содержащем импорт Angular2

Я только что привел пример отсюда https://angular.io/guide/quickstart

Я сделал все согласно руководству по быстрому старту. Но получение предупреждений в консоли WebStorm при компиляции моего app.ts.

Вот подробности:

Я нахожусь в 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:

UPDATE:

Файл → Настройки → Языки и рамки → TypeScript помогли переключиться на tsconfig.json. Затем я решил следующие проблемы, отключив TypeScript наблюдатель, который я включил раньше: File → Settings → Tools → File Watchers. Теперь с этими настройками все работает нормально.

Ответы

Ответ 1

Вам нужно перейти в Файл → Настройки в Webstorm. А затем на боковой панели настроек перейдите на Языки и Рамки → TypeScript.

Затем на странице настроек TypeScript имеется опция переключателя для Set options manually или Use tsconfig.json. Выберите параметр tsconfig, а затем примените изменения и закройте. Затем webstorm должен знать, использовать параметры tsconfig при компиляции TypeScript.