我使用延迟加载方法来创建后端SPA。
当我浏览链接时,一切都很顺利。每当我进入特定的页面并重新加载它时,Vue就会提示我一些错误消息。
Uncaught SyntaxError: Unexpected token <
app.js:144 Error: Loading chunk 10 failed.
at HTMLScriptElement.onScriptComplete (app.js:98)
[vue-router] Failed to resolve async component default: Error: Loading chunk 10 failed.
[vue-router] uncaught error during route navigation:
app.js:15254 Error: Loading chunk 10 failed.
at HTMLScriptElement.onScriptComplete我的剧本就是这样
const Home = (resolve) => require(['../components/Home.vue'], resolve)
const Category = (resolve) => require(['../components/Category.vue'], resolve)
const CategoryEdit = (resolve) => require(['../components/CategoryEdit.vue'], resolve)
const Register = (resolve) => require(['../components/Register.vue'], resolve)
const router = new VueRouter({
mode: 'history',
base: __dirname,
routes: [
{ path: '/', component: Home },
{ path: '/home', component: Home },
{ path: '/category', component: Category },
{ path: '/category/edit/:id', component: CategoryEdit },
{ path: '/company/register', component: Register }
]
});
const nav = new Vue({
router,
components : {
Home,
Category,
CategoryEdit,
Register
},
...
}).$mount('#app')为了得到更好的解释,我录了一个GIF。http://imgur.com/a/IFcA1
发布于 2018-04-13 08:46:20
我已经解决了这个问题!你应该换衣服
const Register = (resolve) => require(['../components/Register.vue'], resolve)至
const Register = (resolve) => require(['../components/Register.vue'], m => resolve(m.default))发布于 2019-11-20 16:11:33
我也面临着同样的问题,我的解决办法就是重建yarn或npm (希望这能帮助其他人):
yarn run dev
# OR
yarn run watchhttps://stackoverflow.com/questions/44074086
复制相似问题