angular 4 的模块延迟加载不适用于 Laravel 项目
Module lazy loading of angular 4 not working with Laravel Project
我正在尝试将 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
和...
的文件
谢谢
其他构建文件使用 assets 的路径,
因此在 webpack.config.js
中添加了相同的块文件生成路径。我认为路径 属性 用于所有生成的文件。
代码是这样的。
output: {
filename: '[name].js',
chunkFilename: '[id].chunk.js',
publicPath: 'assets/',
path: path.resolve(__dirname, 'assets/')
}
我正在尝试将 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
和...
谢谢
其他构建文件使用 assets 的路径,
因此在 webpack.config.js
中添加了相同的块文件生成路径。我认为路径 属性 用于所有生成的文件。
代码是这样的。
output: {
filename: '[name].js',
chunkFilename: '[id].chunk.js',
publicPath: 'assets/',
path: path.resolve(__dirname, 'assets/')
}