解决vue报错Failed to mount component:template or render function not defined_综合

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

原因：

vue-loader在引入时把index.js当做了入口，而不是index.vue

1.报错页面目录结构：

- Disease （文件夹）- disease.js （js -- 将script内容拿出来放到单独的js中）- index.vue (页面文件)

在这里插入图片描述

2.报错页面结构

<template><div class="content">内容</div>
</template><script>import index from './index.js';export default index;
</script><style lang="less" scoped>@import "../main/index.less"
</style>

3. 报错router

const Disease = () => import('@/pages/Disease/index');const router = new Router({
    {
    path: '/Disease',name: 'Disease',component: Disease,meta: {
     requireAuth: true },},
});
export default router;

4. 解决方法

解决方案很简单，引入组件时加个index.vue就可以了。

const Disease = () => import('@/pages/disease/index.vue')

Tips：【小程序云开发】中高级前端面试题库（源码：小程序中联系我哟）。
---------- 创作不易，感谢大家，请多多支持！
在这里插入图片描述