vue-router动态添加路由报错

【报错】

Uncaught Error: 
[vue-router] route config "component" for path: /home cannot be a string id.
 Use an actual component instead

运行时不报错，但是页面显示空白。打开控制台显示下图：

.

【报错解析】

路径/home的[vue router]route config“component”不能是字符串id 请改用实际的组件

在以下代码中定位，可以看到是组件的错误component

export default new Router({
  routes: [
    {
      path:'/',
      redirect:'/home'
    },
    {
      path:'/home',
      component:'Home'
    },
    {
      path:'/cart',
      component:'Cart'
    },
    {
      path:'/profile',
      component:'Profile'
    }
  ]
})

发现  component:’Profile’ 不能加引号

【解决方法】

去掉引号（component:Profile）后界面即可正常显示。

 
posted on
2019-11-11 18:56 沙拉麻花 阅读(…) 评论(…) 编辑 收藏

版权声明：本文为catherine-m原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/catherine-m/p/11837504.html