关于vue.js:解决template-or-render-function-not-defined

43次阅读

共计 960 个字符,预计需要花费 3 分钟才能阅读完成。

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

正文完
 0