angular - JSPM och Typescript import


Jag försöker få Angular2 att fungera med Typescript och SystemJS, men jag har problem med importer.

Med denna import (eller med någon annan Angular2-import)

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

Jag får Webstorm- och tsc-kompilatorfel (WS: kan inte lösa katalog, tsc: Kan inte hitta modul) även om det finns angular2 i jspm_packages/npm/[email

min katalogstruktur är

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

tsconfig.json

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

och konfiguration i jspm.config.js

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

Den här koden fungerar på något sätt, men kompilatorn verkar förvirrad. Finns det ett bättre (eller rätt) sätt att göra detta? Tack

Svar #1

Detta är för närvarande inte möjligt i Webstorm 11. Det finns en lösning som faktiskt fungerar, se David Festens kommentar på: https://youtrack.jetbrains.com/issue/WEB-18904.

Förresten, vänligen +1a detta problem, kanske det hjälper till att påskynda för Jetbrains att komma på en lösning.

Relaterade artiklar