vue工程报如下错误，页面渲染不出来

[Vue warn]: Failed to mount component: template or render function not defined_目录结构

 

 

 

对于新手仅从报错信息上来看，很难看出端倪了。

从提上上来看，应该是根标签或者渲染的时候除了问题。

最后发现在注册路由的时候出了问题

[Vue warn]: Failed to mount component: template or render function not defined_目录结构_02

 

 

 目录结构是这样的：

[Vue warn]: Failed to mount component: template or render function not defined_优先级_03

 

问题就出现在这里！！！！！

js文件的优先级最高，

component: () => import('views/MerchandiseSales/PetOpenOrder')

这里最先去找  PetOpenOrder 下的 index.js文件，如果 index.js存在，就不再找了！！！

所以 import 进来的是 index.js 而不是 index.vue文件。

解决办法：

1：改index.js的文件名

2：精确引入vue文件   component: () => import('views/MerchandiseSales/PetOpenOrder/index.vue')