解决vue项目报错(Failed|解决vue项目报错:Failed to mount component: template or render function not defined.)

如下图,控制台报错:

解决vue项目报错(Failed|解决vue项目报错:Failed to mount component: template or render function not defined.)
文章图片
946430-20200723152220248-1125358288.png
出现这个错的原因是:项目中同时定义了名为xxx的vue文件 和 js文件,
但是引用的路径为 “.../xxx”,没有明确是引用vue还是js。如下图:

页面是这样定义的: 解决vue项目报错(Failed|解决vue项目报错:Failed to mount component: template or render function not defined.)
文章图片
946430-20200723152304979-1927546203.png
route路由是这么引用的:
解决vue项目报错(Failed|解决vue项目报错:Failed to mount component: template or render function not defined.)
文章图片
946430-20200723152507231-1919696695.png 【解决vue项目报错(Failed|解决vue项目报错:Failed to mount component: template or render function not defined.)】@/pages/monitoring/目录下,既有monitoring.vue,又有monitoring.js,不补全文件后缀的话会找不对文件,所以就报错了

    推荐阅读