Angular2 + Jspm.io: lo shim reflect-metadata è richiesto quando si usano i decoratori di classe

Question

Ho riscontrato il seguente problema nell'esecuzione delle seguenti versioni di JSPM con Angular2 e SystemJS (Versioni: Angular@2.0.0-alpha.27 con JSPM @ 0.16.0-beta.2 e SystemJS@0.18.0) che una volta il dattiloscritto è stato compilato (senza errori) ottengo il seguente errore nel browser:

/jspm_packages/npm/angular2@2.0.0-alpha.27/src/util/decorators.js:70 Uncaught reflect-metadata shim is required when using class decorators 

Ora in cui includo manualmente i file di Reflect.js : \ jspm_packages \ npm \ reflect-metadata@0.1.0 \ Reflect.js che il problema scompare, ma il problema successivo emerge dicendo che la lista non è definita all'interno di un altro file angolare.

Vedere lo src bitbucket sotto per i file di configurazione (codice src) da entrambi i system.js e dattiloscritto/jspm.io

https://bitbucket.org/schippie/angular-2-jspm-hello-world/src/8af83f2066e5e3e9eede7db495545234f3b0c04a

Quello che mi chiedo è se è attualmente anche possibile usare JSPM insieme a system.js per recuperare tutti i pacchetti angolari necessari per il normale funzionamento angolare. Visto che la configurazione per system.js vuol stato chiaramente che angolare dipende da esso:

"npm:angular2@2.0.0-alpha.27": { 
    "fs": "github:jspm/nodelibs-fs@0.1.2", 
    "path": "github:jspm/nodelibs-path@0.1.0", 
    "process": "github:jspm/nodelibs-process@0.1.1", 
    "reflect-metadata": "npm:reflect-metadata@0.1.0", 
    "rx": "npm:rx@2.5.1", 
    "url": "github:jspm/nodelibs-url@0.1.0", 
    "zone.js": "npm:zone.js@0.5.1" 
}, 

Ma non vengono recuperati (guardando la scheda di rete)

Answer 1

Robwormald ha scritto una spiegazione ben dettagliato che copre la problemi che le persone potrebbero avere a questo punto e ora cercando di ottenere l'alfa 27 angolare per lavorare con jspm e typescript https://gist.github.com/robwormald/429e01c6d802767441ec

Answer 2

Sì, quello che stai cercando è possibile e funziona bene. Sembra che tu abbia le dipendenze giuste. Penso che manchi solo il seguente, che deve essere all'inizio del dattiloscritto di primo livello o del file JavaScript. In particolare, questi devono essere prima della prima linea è che carichi angolari.

import 'zone.js'; 
import 'reflect-metadata'; 

(Gli altri punti di risposta ad una dettagliata, ma off-site spiegazione.)

Answer 3

Se questo problema si verifica in un ambiente 4.4+ angolare, può aiutare se si riavvia ng serve.