2016-07-19 3 views
1

私のプロジェクトはAngular2-webpack-starterに基づいています。現在、Angular2 rc.4webpack 1.13.1です。 devモードで実行すると、すべてうまく動作します。webpack制作のAngular2:「app/app.component.htmlを読み込めませんでした」

dev mode result

しかし、本番モードで実行されている場合、私はGET http://localhost:8080/app/app.component.html 404 (Not Found)によるFailed to load app/app.component.html例外を取得します。

enter image description here

私はwebpack.common.jswebpack.dev.jswebpack.prod.jsファイルを確認してください。 prod設定に特別なものは何もなく、htmlローダーは実際には共有されたwebpack.common.jsファイルにあります。私はこの問題をデバッグする方法について助けを求めています。

答えて

4

angular2-WebPACKのスターターは、限り私はそれを理解し、HTMLやスタイルの依存関係を追跡し、するangular2-template-loaderを使用していますtemplate:プロパティにコンポーネントであなたのtemplateUrl:のプロパティを変更してしまい、実際にそこにHTMLファイルをインライン化。だからあなたのアプリはhtmlファイルを要求してはいけません。共通の設定ファイルを変更してangular2-template-loaderを削除しましたか?その行の143は共通設定(https://github.com/AngularClass/angular2-webpack-starter/blob/master/config/webpack.common.js)です。

また、angular2-template-loaderにはuseWebpackTextプロパティをtrueに設定する必要があるため、tsconfig.jsonが素晴らしいローダー用に正しく設定されていることを確認してください。ここをクリック(Requirmentsの下):https://github.com/TheLarkInn/angular2-template-loader

+1

ありがとう。 'angular2-template-loader'が欠けていることが分かりました。ところで、私は 'templateUrl: '.app.component.html'、' by 'template:require( './ app.component.html') 'を置き換えなければならず、ブラウズはロードしようとしません'.html'ファイルはこれ以上はありません。 –

+0

@BingLu 'require'の使用は必要なだけではありません! 'require'はファイルの内容をインポート/インジェクトします。しかし、これは、 'angular2-template-loader'を使ってシーンの背後で何をするのが望ましいのでしょうか。 Webpackローダーに 'angular2-template-loader'を追加するだけです。ファイルwebpack.common.js: 'loaders:['ts'、 'angular2-template-loader']' –

関連する問題