首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Vue路由器-在重新加载页面后解析异步组件失败

Vue路由器-在重新加载页面后解析异步组件失败
EN

Stack Overflow用户
提问于 2017-05-19 15:41:49
回答 2查看 9.6K关注 0票数 8

我使用延迟加载方法来创建后端SPA。

当我浏览链接时,一切都很顺利。每当我进入特定的页面并重新加载它时,Vue就会提示我一些错误消息。

代码语言:javascript
复制
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

我的剧本就是这样

代码语言:javascript
复制
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

EN

回答 2

Stack Overflow用户

发布于 2018-04-13 08:46:20

我已经解决了这个问题!你应该换衣服

代码语言:javascript
复制
const Register = (resolve) => require(['../components/Register.vue'], resolve)

代码语言:javascript
复制
const Register = (resolve) => require(['../components/Register.vue'], m => resolve(m.default))
票数 0
EN

Stack Overflow用户

发布于 2019-11-20 16:11:33

我也面临着同样的问题,我的解决办法就是重建yarnnpm (希望这能帮助其他人):

代码语言:javascript
复制
yarn run dev
# OR
yarn run watch
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44074086

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档