2015-12-22 6 views
5

Ich versuche Angular2 mit Typescript und SystemJS arbeiten, aber ich habe Probleme mit dem Import.JSPM und Typescript-Import

Mit diesem Import (oder mit anderen angular2 Importe)

import {bootstrap} from 'angular2/platform/browser'; 

Ich erhalte WebStorm und tsc Compiler-Fehler (WS: kann Verzeichnis, tsc nicht lösen: Das richtige Produkt nicht Modul), obwohl es angular2 ist in jspm_packages/npm/[email protected]

meine Verzeichnisstruktur ist

browser 
    components 
     app.component.ts 
    bootstrap.ts 
    index.html 
node_modules 
jspm_packages 
jspm.config.js 
package.json 
tsconfig.json 

tscon fig.json

{ 
    "compilerOptions": { 
    "target": "ES5", 
    "module": "system", 
    "sourceMap": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "removeComments": false, 
    "noImplicitAny": false 
    }, 
    "filesGlob": [ 
    "!./node_modules/**/*.ts", 
    "!./jspm_packages/**/*.ts", 
    "./**/*.ts" 
    ] 
} 

und config in jspm.config.js

System.config({ 
    defaultJSExtensions: true, 
    transpiler: "typescript", 
    paths: { 
     "github:*": "../jspm_packages/github/*", 
     "npm:*": "../jspm_packages/npm/*" 
    }}) 

Dieser Code funktioniert irgendwie, aber Compiler scheint verwirrt, gibt es eine bessere (oder rechts) Art und Weise, wie dies zu tun? Danke

Antwort

2

Dies ist derzeit in Webstorm 11 nicht möglich. Es gibt einen Workaround, der tatsächlich funktioniert, siehe David Festens Kommentar unter: https://youtrack.jetbrains.com/issue/WEB-18904.

Übrigens, bitte +1 dieses Problem, vielleicht hilft das, Dinge für Jetbrains zu beschleunigen, um eine Lösung zu finden.