2015-11-24 12 views
7

Sono piuttosto nuovo con Angular e systemjs, ma cercherò di essere il più specifico possibile.Angolare 2: l'app di importazione di sistema non funziona senza estensione file

Sto lavorando con angularjs2 e dattiloscritto. Compilo i miei file .ts con un tsconfig.json. Qui è la mia configurazione:

enter image description here

Avanti, voglio bootstrap mia domanda attraverso il mio index.html con systemjs. Ma la mia importazione non accetta init senza estensione (di seguito, il mio init, che in realtà funziona):

System.config({ 
     transpiler: 'typescript' 
    }); 
    System.import('src/app.ts'); 

sono costretto a parlare della estensione Ts (stesso problema in file TS quando voglio importare componenti fatti a mano).
Sto dimenticando qualcosa? La documentazione è un po 'approssimativa per i principianti riguardo alle prime configurazioni.
Inoltre, ho tutti i miei script chiamato in <head> (system.js, typescript.js, angular2.dev.js)

+0

Hai scoperto una risposta per questo? Sto affrontando lo stesso numero – Ayyash

+0

No, sfortunatamente ... – KCarnaille

risposta

3

Sono studiare la nuova versione di AngularJS e ogni volta che avevo bisogno di istituire t SystemJS Uso questa configurazione nella mia pagina indice.

È necessario dire qual è il file di estensione in SystemJS che carica i moduli, ritengo che sia stato di aiuto.

+1

beh anche questo non funziona in chrome da vs 2015. Può essere che iis express stia facendo qualcosa di divertente. (usando system.src.js) – TheVillageIdiot

-1

Si consiglia di utilizzare la procedura descritta in Angular's 5-Min Quickstart guide. Non sono sicuro che fosse in ritardo quando è stata posta questa domanda. Prende tutte le congetture da ottenere i moduli caricati correttamente.

+0

si prega di inviare un po 'di codice e non solo il link @djeastm – fabersky

+1

lo farei, ma sarebbe semplicemente un grande taglia-e-incolla dal sito web di Angular. Il collegamento diretto al sito Web di origine è sembrato più saggia, specialmente dal momento che include molti link a esempi di plunkr, i documenti API, ecc. Stavo solo suggerendo il sito perché non penso che fosse indietro quando KCarnaille ha pubblicato la domanda. – djeastm

+0

Quindi questo dovrebbe essere solo un commento, una risposta solo al collegamento non è una risposta –

1

In Avvio rapido angularjs non menzionano che i nomi dei pacchetti DEVONO corrispondere. Mi ci è voluto un po 'per capirlo.

System.config({ 
    packages: {   
     WHATEVER: { 
     format: 'register', 
     defaultExtension: 'js' 
     } 
    } 
    }); 
System.import('WHATEVER/app'); 
+0

".ts" richiesto in System.import ('WHATEVER/app.ts'); ? Nella menzionata Avvio rapido Angular2 (@april 2016) non specificano l'estensione ".ts". – mvermand

+0

il mio male. era un errore di battitura – CESCO

4

ho avuto un problema simile, unica differenza è che non sto usando angolare

@Nicolas rilevare nella giusta direzione, è necessario aggiungere "DefaultExtension", per me la seguente configurazione ha fatto il trucco:

packages: { 
    '.': { 
     defaultJSExtensions: 'js' 
    } 
}, 

si può scoprire di più su how to configure systemjs su github

Problemi correlati