关于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')