vue项目遇到二级路由bug:/src/router/index.js Module not found: Error: Can‘t resolve ‘@/components/template/He

总结:写路由路径的时候一定要找对地址路径
一个bug找了半天,太不容易了,我来记录一下,希望以后大家也少走弯路.

vue项目遇到二级路由bug:/src/router/index.js Module not found: Error: Can‘t resolve ‘@/components/template/He_第1张图片

二级路由代码:
helloworld.vue

 
    猜你喜欢
    我是b组件
    我是c组件

router文件下index.js

//这里
 {
      path: '/HelloWorld',
      name: 'HelloWorld',
      component: resolve => require(['@/components/HelloWorld'], resolve),
      children: [
        {
          path: 'acc',
          component: resolve => require(['@/page/acc'], resolve),//路由懒加载
        },
        {
          path: 'b',
          component: resolve => require(['@/page/bcc'], resolve),
        },
        {
          path: 'c',
          component: resolve => require(['@/page/c'], resolve),
        },
      ]
    },

index.js里面引入的路由地址要按照自己的路径地址更改哦。
我创建的是page下(acc.vue和bcc.vue和c.vue)
效果图:
vue项目遇到二级路由bug:/src/router/index.js Module not found: Error: Can‘t resolve ‘@/components/template/He_第2张图片
其它切换的我就不切图了,根a组件一样,希望对大家有帮助.

你可能感兴趣的:(vue项目遇到bug,vue,bug)