页面报错(01)Failed to mount component: template or render function not defined.

项目场景:

项目运行端:pc端运行,
项目框架:vue + elementui,


问题描述

[Vue warn]: failed to mount component: template or render function not defined.


中文翻译:加载组件失败:没有定义模板或渲染函数。

在这里插入图片描述


原因分析

问题可能出现在router定义中:

//导入bus组件
import Bus from '@/pages/eventBus/bus'

Vue.use(Router)

export default new Router({
   routes: [
      {
         path: '/eventbus/bus',
         name: 'bus',
         component: Bus
      },
   ]
})

文件目录
在这里插入图片描述
看似没有问题,但是在eventBus文件夹中,有bus.js和bus.vue,2个同名却不同类型的文件,在导入bus组件时,没有指定组件的类型,导入错误,


解决方案:

//指定文件的类型
import Bus from '@/pages/eventBus/bus.vue'

版权声明:本文为dugujiuding原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。