vue 报错Failed to mount component: template or render function not defined.的解决方法

最新推荐文章于 2025-03-07 22:29:01 发布
最新推荐文章于 2025-03-07 22:29:01 发布
阅读量2.4k 收藏
点赞数 1
分类专栏： vue 前端 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/heyNewbie/article/details/105054488
版权

之前的项目都没有问题，结果突然出现这个报错，查阅度娘后发现有大手子们要把vue-loader降低版本来解决，但是我的版本是

别的路径都没有问题，唯独新创建的一个组件有问题

经过阅读这位同学的文章，我尝试去测试了一下，果然问题出现在路由填写上，因为我的写法和他的大致相同

解决办法：

因为在router/index.js文件中，我是用的懒加载的写法，所以把文件后缀.vue跟上就好了

 

Failed to mount component: template or render function not defined.
skysys的研究小屋
12-15 2116
把路由下面的配置： { path: '/', name: 'main', component: require('@/components/main/main') }, 改成 { path: '/', name: 'main', component: () => import('@/components/main/main') },
正确解决Failed to mount component: template or render function not defined异常的有效解决方法
wbajsjhhhhh的博客
05-03 8172
正确解决Failed to mount component: template or render function not defined异常的有效解决方法
vue出现Failed to mount component: template or render function not defined报错
qq_33960741的博客
01-27 427
由于在搭建框架的时候，简单地在引入的vue文件中写了如下代码： <template> <divclass="indexstatus-wrapper"> <h3>指标概况</h3> <divclass="text">INDEXSTATUS</div> </div> </template> <script> exportdefault{ } ...
[Vue warn]: Failed to mount component: template or render function not defined
最新发布
你若盛开，清风自来
03-07 1491
data() {return {
【052】Failed to mount component: template or render function not defined. 错误的解决方法
热门推荐
zhangchao19890805的专栏
11-27 15万+
Vue.js 2 遇到 vue.runtime.common.js?d43f:511 [Vue warn]: Failed to mount component: template or render function not defined. (found in root instance) 错误的解决方法。问题描述：先说一下每个文件的内容
Failed to mount component: template or render function not defined异常的解决方案
2301_79779756的博客
05-10 6173
在Vue.js框架中，组件是构建用户界面的基本单元。每个组件都需要一个模板（template）或渲染函数（render function）来定义其UI结构。当Vue尝试挂载一个组件，但是找不到相应的模板或渲染函数时，就会抛出“Failed to mount component: template or render function not defined”的错误。
页面报错（01）Failed to mount component: template or render function not defined.
dugujiuding的博客
10-17 5万+
[Vue warn]: failed to mount component: template or render function not defined.
Vue-Typeahead 报错 Failed to mount component: template or render function not defined.
01-03
遇到“Failed to mount component: template or render function not defined”错误，这通常是由于在Vue组件中未正确声明或定义模板（template）或渲染函数（render function）。对于Vue-Typeahead而言，可能是以下...
是用vue-waterfall2报错Failed to mount component: template or render function not defined.
04-03
vue-waterfall2是一个基于Vue.js的瀑布流布局组件，报错"Failed to mount component: template or render function not defined"通常是由于以下几个原因引起的： 1. 组件未正确引入：请确保已正确引入vue-waterfall...
vue2 AppMain组件偶尔报错[Vue warn]: Failed to mount component: template or render function not defined.
11-20
在 Vue.js 中，当 `AppMain` 组件偶尔报这个错误 `[Vue warn]: Failed to mount component: template or render function not defined`，通常意味着你在尝试挂载的组件中没有找到有效的模板（template）或者渲染函数...
《Vue2 报错》Failed to mount component: template or render function not defined.
前端技术
07-12 772
我的错误是没有 <template>标签，因为不需要界面就写成如下。开发环境报错，但mounted中代码也运行。且项目编译不通过。。。 <script> export default { mounted () { // TODO } } </script> 正确如下： <template> </template> <script> export default { mounted (..
[Vue warn]: Failed to mount component: template or render function not defined.
qq_56715703的博客
03-03 792
细看报错，跟header.vue文件有关系，才发现我注释的时候，没有给header.vue文件留下基本结构。我在网上搜到的结果大致原因是因为index.js重名，或者是文件夹名冲突产生的。我发现这都不是我的错。
Vue 报错Failed to mount component: template or render function not defined
程邓楠的博客
08-14 2万+
Vue2使用的过程中报错误Failed to mount component: template or render function not defined 大概遇到有以下几种情况，简单记录一下。。。 1、页面引用组件时 先看一下当前的目录结构 当前页面的目录结构是vipTag/index.vue主页面；component下的tagRoule.js、tagRoule.scss和tagRoule.vue等组成的组件，因为当前组件逻辑，样式部分比较长，所以做了一下拆分；这个时候我们回到vipT
vue报错Failed to mount component
zhao
01-20 2473
背景： vue项目今天前正常运行，早上打开电脑，并没有编辑代码，直接刷新了下页面。 今日，在运行vue项目时，突然页面出不来，打开控制台，报以下错误： 经过仔细排查后，解决了问题 ，下面分享我解决问题的方法。 首先，出问题的是Cate页面，其他页面正常，我找到了 定义路由的文件，router/index.js ，查看后发现： 在查看 goods目录下的文件： 于是大概明...
template or render function not defined.
dianchanhe0596的博客
04-05 359
template or render function not defined. H_婷关注 2018.08.16 17:22字数 106阅读 3859评论 0喜欢 2 下午写 Vue $parent 实例时，总是遇到这个问题，不禁让人陷入沉思 1.gif Vue，醒醒啊，你怎么了，贴上子组件源代码 <t...
路由配置报错：Failed to mount component: template or render function not defined
纸上得来终觉浅
12-18 1890
在electron-vue 项目中配置路由过程中,引入发现： component: require('../view/home/HomeView'), 报错：Failed to mount component: template or render function not defined 先来解决报错： 尝试了两种方式都可以解决： import 方式 const mailDial = () => import('../view/Main/Addressbook/mail-dial');
Failed to mount component引入组件报错
weixin_42659644的博客
03-03 541
把引入的所有路径加上，比如：…/…/query.vue （不要省略.vue）
template or render function not defined vue 突然报错了_template or render function not defined
2401_84447043的博客
05-08 838
前端资料汇总开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值