Angular 2 nicht Rendering dependancy Links mit Dateiendungen

Question

ich die folgenden Fehler bin immer während meiner app ausgeführt wird:

Es scheint für ./app.component zu suchen, anstatt ./app.component.js

Hier ist mein main.ts Datei:

import { bootstrap } from 'angular2/platform/browser'; 
import { AppComponent } from './app.component'; 

bootstrap(AppComponent); 

Was ich falsch gemacht haben Config ure die Abhängigkeiten hier? NB: Wenn ich die Referenzen auf import { AppComponent } from './app.component.js'; ändere, dann verschwindet der Fehler und ich stehe mit mehr der gleichen Fehler für andere Referenzen.

EDIT:

Einer der Kommentare hat vorgeschlagen, dass es möglicherweise ein Problem mit meinem system.config() sein, denen ich klingt sehr plausibel denken, dies ist jedoch und Auszug aus meiner index.html-Datei, die ich Kannst du keine Probleme sehen?

...  
<script> 
    System.config({ 
    packages: {   
     app: { 
     format: 'register', 
     defaultExtension: 'js' 
     } 
    } 
    }); 
    System.import('client/dev/main.js') 
     .then(null, console.error.bind(console)); 
</script> 
... 

Answer 1

Ihr Fehler ist wahrscheinlich, dass Sie haben:

<script> 
    System.config({ 
    packages: {   
     app: { 
     format: 'register', 
     defaultExtension: 'js' 
     } 
    } 
    }); 
    System.import('client/dev/main.js') 
     .then(null, console.error.bind(console)); 
</script> 

statt

<script> 
    System.config({ 
    packages: {  
     "client/dev": { // this line changed, here the directory where your generated `js` files are, has to be specified 
     format: 'register', 
     defaultExtension: 'js' 
     } 
    } 
    }); 
    System.import('client/dev/main') 
     .then(null, console.error.bind(console)); 
</script> 

ich genau so, wie Sie das gleiche Problem hatte, als ich anfing;)

Auch die zone Fehler sollte verschwinden, wenn Sie den neuesten eckigen Beta-Build (12) verwenden.