Angular 4 的模块延迟加载不适用于 Laravel 项目答案

【问题标题】：Module lazy loading of angular 4 not working with Laravel ProjectAngular 4 的模块延迟加载不适用于 Laravel 项目
【发布时间】：2017-08-30 06:01:13
【问题描述】：

我正在尝试使用 Angular 作为前端，Laravel 作为后端，我已经创建了我的 Angular 项目，其中包含延迟加载的模块，并使用 webpack 来执行此操作。但是，当我使用我的 webpack-dev-server 时，会发现延迟加载工作，当我使用我的构建文件并使用 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]

chunk 一代工作正常。它会生成像0.chunk.js 这样的文件...

谢谢

【问题讨论】：

您在开发工具 -> 网络中看到了什么？有哪个网址？
模板有错误请仔细检查
感谢@VolodymyrBilyachat 指出，URL 是错误的，文件的其余部分 URL 是正确的，例如 assets/app.js 但对于块文件，URL 是/0.chunk.js，那我该如何解决呢？
@AbhilashRathod 你在使用 Angular cli 吗？
还有什么是块的预期 url？

标签： laravel angular angular2-routing

【解决方案1】：

其他构建文件使用 assets 的路径，因此在webpack.config.js 中添加了相同的块文件生成路径。我认为路径属性用于所有生成的文件。

代码是这样的。

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

【讨论】：

我有同样的问题，我使用你的建议..但还是不行。 [pastebin.com/68p41KTZ]这是我的 webpack.js。请帮助我..谢谢