Warnungen in WebStorm bekommen, wenn Typoskript kompilieren, die Angular2 Importe enthalten

Question

Ich habe gerade ein Beispiel von hier https://angular.io/guide/quickstart

Ich habe alle nach der Kurzanleitung durchgeführt. Aber Warnungen in der WebStorm-Konsole erhalten, wenn mein app.ts kompiliert. Hier

ist Details:

Ich bin auf 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" 
    ] 
} 

Ich war Platzierung tsconfig.json Datei zu app Ordner und in der Wurzel.

Die app.ts eigentlich immer Datei kompiliert aber immer Warnungen aus irgendeinem Grund:

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. 

Ich habe Typisierungen enthalten

Meine Ordner Struktur

Edit:

Nachdem ich tsconfig.json in Einstellungen verschwanden die Fehler aus Typescript Fenster

bekam aber Fehler in Run Ausgabe und im Code-Editor:

haben keine Probleme mit tsconfig.json:

UPDATE:

Datei -> Einstellungen -> Sprachen & Frameworks -> TypeScript half, um auf die tsconfig.json zu wechseln. Dann löste ich die nächsten Probleme, indem ich den Typoskript-Watcher, den ich vorher manuell aktiviert hatte, deaktivierte: Datei -> Einstellungen -> Werkzeuge -> Dateiwächter. Jetzt mit diesen Einstellungen funktioniert alles gut.

Answer 1

Sie müssen in Datei -> Einstellungen in Webstorm gehen. Und dann auf der Einstellungen Seitenleiste gehen Sie zu Sprachen & Frameworks -> TypeScript.

Dann gibt es auf der TypeScript-Einstellungsseite eine Optionsschaltfläche für Set options manually oder Use tsconfig.json. Wählen Sie die Option tsconfig und übernehmen Sie die Änderungen und schließen Sie sie. Dann sollte Webstorm die tsconfig-Optionen beim Kompilieren des TypeScript verwenden.