[vue-router] Failed to resolve async component default: Error: Loading chunk 0 failed.

在整合laravel5.4 和vue2.1的时候遇到一个奇怪的问题Uncaught SyntaxError: Unexpected token <Error: Loading chunk 0 failed.at HTMLScriptElement.onScriptComplete (app.js:99)[vue-router] Failed to resolve async ...

weixin_34289454

7803人浏览 · 2017-12-20 16:35:00

weixin_34289454 · 2017-12-20 16:35:00 发布

在整合laravel5.4 和vue2.1的时候遇到一个奇怪的问题

Uncaught SyntaxError: Unexpected token <
Error: Loading chunk 0 failed.
at HTMLScriptElement.onScriptComplete (app.js:99)
[vue-router] Failed to resolve async component default: Error: Loading chunk 0 failed.
Error: Loading chunk 0 failed.
at HTMLScriptElement.onScriptComplete (app.js:99)

两个组件一个能加载一个报错，可能原因是不支持延迟加载Vue组件

解决方法是 laravel 5.4已经支持webpack

在 webpack.mix.js 中加上

output: {
    publicPath: '/'
}
这个配置就可以了

转载于:https://www.cnblogs.com/qcwblog/p/8074511.html

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^