webpackでangular2アプリを作成する - 見つかりません./compiler.es5.ts

Question

私はweb2を使ってangle2アプリを作成しています。 4.0.1に2.3.1からangular2をアップグレードした後、WebPACKのは、以下のWarningを出力している。

WARNING in ./~/@angular/compiler/@angular/compiler.es5.js 
Cannot find source file 'compiler.es5.ts': Error: Can't resolve 
'./compiler.es5.ts' in '../node_modules\@angular\compiler\@angular' 
@ ./~/@angular/platform-browser-dynamic/@angular/platform-browser-dynamic.es5.js 11:0-72 

メッセージは、その位置でts拡張子のようなファイルが存在しないため、ファイルが存在する正しいがjsを有します拡張。

ウェブパックの設定値が間違っていますか？

BTW：@ angular/cli v1.0を使用してアプリを構築すると、警告が表示されません。

Answer 1

同様の問題が回避策は、あなたのwebpack.config.jsでソースマップ・ローダーのexcludeルールを追加して https://github.com/angular-redux/store/issues/64

で報告されます。

{ 
     test: /\.(js|ts)$/, 
     exclude: [ 
      // workaround for this issue 
      path.join(__dirname, 'node_modules', '@angular/compiler') 
     ], 
     use: [{ 
      loader: 'source-map-loader' 
     }], 
     enforce: 'pre' 
} 

ただし、この回避策は一時的なものではありません。

Answer 2

symlink（mklinkによって作成された）のフォルダからアプリケーションを起動していたときも、同様の警告が表示されました。また、CSSは完全に壊れてしまった。

私の問題はおそらくhttps://github.com/angular/angular-cli/issues/3797とhttps://github.com/angular/angular-cli/issues/2726と関連しており、通常のフォルダからアプリを起動したときに消えてしまいました。