角度2は、私のアプリを実行している間、私は次のエラーを取得しています

Question

ファイル拡張子を持つ依存のリンクをレンダリングしない：

ここで./app.component.js

は私ではなく、./app.componentを探しているように見えますmain.tsファイル：

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

bootstrap(AppComponent); 

設定に間違っているものここで依存関係を確認しますか？注：参照をimport { AppComponent } from './app.component.js';に変更すると、エラーがなくなり、他の参照でも同じエラーが発生します。

EDIT：コメントの一つは、私は音が非常にもっともらしいと思う私のsystem.configの問題（）、があるかもしれないことを示唆している

、しかし、これは、私のindex.htmlファイルからの抜粋、I何の問題も見えない？

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

Answer 1

あなたの間違いは、あなたが持っているということはおそらくです：

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

代わりの

<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> 

私が始めたとき、私はあなたとまったく同じ問題を抱えていた

;）また

zone最新の角ベータ版（12）を使用すると、エラーが消えるはずです。