Kod VS nie może używać/jspm_packages; systemjs nie widzi plików tcular2 ts

Question

Używam JSPM do tworzenia podstawowego przepływu pracy Angular 2. Działa (zobacz https://github.com/simonh1000/Angular2-beta-jspm), ale nie dostaję intellisense, ponieważ kod VS nie widzi Angularnych modułów jspm, jak widać na obrazku. Co powinienem zrobić?

A oto mój tsconfig.json włącznie z sugestią Eric:

{ 
    "compilerOptions": { 
    "target": "es5", 
    "module": "commonjs", 
    "removeComments": true, 
    "emitDecoratorMetadata": true, 
    "experimentalDecorators": true, 
    "sourceMap": true, 
    "moduleResolution": "node" 
    } 
} 

mogę poczynić pewne postępy w Kodeksie VS przy użyciu tego rodzaju instrukcji import

import { Component, View } from '../jspm_packages/npm/angular2@2.0.0-beta.0/ts/core'; 

Ale wtedy pojawia się błąd, gdy uruchamiam go w następujący sposób:

GET http://127.0.0.1:8080/jspm_packages/npm/angular2@2.0.0-beta.0/ts/core.js 

Oto wyciąg z config.js

System.config({ 
    baseURL: "/", 
    defaultJSExtensions: true, 
    transpiler: "typescript", 
    typescriptOptions: { 
    "module": "commonjs", 
    "emitDecoratorMetadata": true 
    }, 
    paths: { 
    "github:*": "jspm_packages/github/*", 
    "npm:*": "jspm_packages/npm/*" 
    }, 

    packages: { 
    "app": { 
     "main": "main", 
     "defaultExtension": "ts" 
    } 
    }, 

Answer 1

Oczekuje się, że w tej chwili, ponieważ kompilator maszynopis nie wie, w jaki sposób „znaleźć” pakiety JSPM.

VSCode polega na kompilatorze TypeScript, a kompilator zna tylko moduły poprzez pakiety NPM (np. Zajrzyj do wnętrza node_modules/ - tak robi "moduleResolution": "node").

Ponieważ nie zainstalowano Angular 2 za pośrednictwem NPM, nie ma go w folderze node_modules/, a kompilator go nie znajduje. Powinieneś otrzymać ten sam błąd, jeśli używasz kompilatora wiersza poleceń tsc.

Rozwiązania są beingdiscussed i wydaje maszynopis @ obok ma pewne podstawowe wsparcie manually specify lista paths szukać modułów (nie testowałem go jeszcze). Nie wydaje się to idealne, ponieważ będziesz musiał ręcznie utrzymywać tę listę za każdym razem, gdy zmienia się zależność JSPM.

Alternatywą jest instalacja Angular 2 za pomocą NPM oprócz JSPM (na przykład npm install angular2 --save lub --save-dev), ale powiela to zależność i wymaga również konserwacji ręcznej, gdy ulegną one zmianie.

Takie jest życie na krawędzi krwawienia ...