解决:template or render function not defined

Failed to mount component:template or render function not defined 报错

原因:

vue-loader在解析的时候把index.js当做是文件的入口而不是index.vue

解决: 文件结构

--overview
    --index.vue
    --xxx.js  //把原来这里的index.js文件名修改一下

报错的vueRouter的配置

   {
       name: '首页',
       path: '/index',
       component: () => import('../views/overview/index')
   },

解决

//加上后缀名也是可以的
component: () => import('../views/overview/index.vue')

Failed to mount component:template or render function not defined 报错

原因:

vue-loader在解析的时候把index.js当做是文件的入口而不是index.vue

解决: 文件结构

--overview
    --index.vue
    --xxx.js  //把原来这里的index.js文件名修改一下

报错的vueRouter的配置

   {
       name: '首页',
       path: '/index',
       component: () => import('../views/overview/index')
   },

解决

//加上后缀名也是可以的
component: () => import('../views/overview/index.vue')

Failed to mount component:template or render function not defined 报错

原因:

vue-loader在解析的时候把index.js当做是文件的入口而不是index.vue

解决: 文件结构

--overview
    --index.vue
    --xxx.js  //把原来这里的index.js文件名修改一下

报错的vueRouter的配置

   {
       name: '首页',
       path: '/index',
       component: () => import('../views/overview/index')
   },

解决

//加上后缀名也是可以的
component: () => import('../views/overview/index.vue')