关于vue.js:解决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')