2017-08-30 203 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 ..? –