2017-08-30 12 views
0

フロントエンドとLaravelをバックエンドとして使用しようとしていますが、遅延ロードされたモジュールでAngularプロジェクトを作成し、webpackを使用しました。 しかし、私は私のWebPACK-devのサーバーを使用する場合、遅延読み込みの作品は見つけると私は私のビルドファイルを使用して、Laravelを使用して奉仕するときには、このモジュール4の遅延読み込みがLaravelプロジェクトで動作しない

Uncaught SyntaxError: Unexpected token <

Error: Loading chunk 0 failed. at HTMLScriptElement.onScriptComplete (polyfills.js:104) [angular] at HTMLScriptElement.wrapFn (polyfills.js:8558) [angular] at Object.onInvokeTask (app.js:4091) [angular]

のようなエラーがスローされますチャンク世代が正常に動作します。

おかげ

+0

devツール - >ネットワークには何がありますか?そこにはURLがありますか? –

+0

いくつかのテンプレートエラーがあります。慎重に確認してください –

+0

@VolodymyrBilyachatありがとうございました。URLは間違っていますが、ファイルのURLの残りの部分は_assets/app.js_のように正しいですが、チャンクファイルの場合は_/0.chunkです.js_、どうすればこれを解決できますか? –

答えて

0

他のビルドファイルは資産へのパスを使用することが0.chunk.jsと上のようなファイルを生成...、 だからwebpack.config.jsでチャンクファイル生成のためのものと同じパスを追加しました。私はすべての生成されたファイルに使用されるパスプロパティを考えました。

コードはこのようになります。

output: { filename: '[name].js', chunkFilename: '[id].chunk.js', publicPath: 'assets/', path: path.resolve(__dirname, 'assets/') }

+0

私は同じ問題を抱えています。私はあなたの提案を使っています。 [https://pastebin.com/68p41KTZ]これは私のwebpack.jsです。 私を助けてください..ありがとう –

+0

@CosmaIaffaldano ..あなたのエラーは何ですか? –

関連する問題