2017-08-30 73 views
0

我想使用Angular作爲前端和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.chunk.js和文件...

感謝

+0

你在開發工具 - >網絡中看到什麼?哪個網址在那裏? –

+0

有一些模板錯誤,請仔細檢查 –

+0

謝謝@VolodymyrBilyachat指出,URL是錯誤的其餘文件的URL是正確的,如_assets/app.js_,但對於塊文件的URL是_/0.chunk .js_,那麼我該如何解決這個問題? –

回答

0

其他構建文件中使用的路徑資產, 因此增加了對塊文件生成相同的路徑在webpack.config.js。我認爲用於所有生成的文件的路徑屬性。

代碼如下所示。

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

+0

我有同樣的問題,我用你的建議..但stil不工作。 [https://pastebin.com/68p41KTZ]這是我的webpack.js。 請幫我..謝謝 –

+0

你的錯誤是什麼@CosmaIaffaldano ..? –