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

已于 2022-08-31 15:11:00 修改
阅读量1.5k 收藏
点赞数 1
文章标签： vue.js 前端 javascript
于 2022-08-31 15:08:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cv1002420186/article/details/126624109
版权

这次Bug找了两天才找到，原来是vue的is属性不能绑定到空的组件当中，真滴坑呀，前人想扩充代码的心情我理解，但是能不能加个备注？整的我两天时间就没了。如下是代码的报错。
挂载组件失败，说明肯定是组件的引用出现了问题
刚开始我找错误，我以为是在import中出现了问题，但是搜了一圈的答案不对劲，引用是没问题的，也是明确指针到正确的文件上面，关键的问题在于这个报错不明显，可能是我比较菜把。

问题出在这里
return中data的数据
123
:is绑定的引用，不能为空对象23
如果为空就会报错，真滴坑呀！！！

阿强的博客
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue中通过<script></script>引入的Vue.js文件
04-28
我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 格式就是： <script src="./js/vue%20(1).js" type="text/javascript" charset="UTF-8"></script> src里面的内容根据自己的下载的Vue.js的文件位置决定的，我这里只是拿我自己做的举个例子。这个地方的vue.js是因为我下载了两次这个版本的vue.js才导致这样的。但是引入是没有任何问题的。 Vue、js版本这个是根据个人的需要来选择的，不是唯一的。 Vue.js 路由允许我们通过不同的 URL 访问不同的内容。 通过 Vue.js 可以实现多视图的单页Web应用（single page web application，SPA）
页面报错（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.
Failed to mount component: template or render function not defined. (found in root instance)
qq_30091939的博客
10-14 3598
尚未找到，bug的解决方法
解决vue报错Failed to mount component:template or render function not defined
卜卦的博客
03-19 1万+
[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中） ...
【052】Failed to mount component: template or render function not defined. 错误的解决方法
热门推荐
zhangchao19890805的专栏
11-27 14万+
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) 错误的解决方法。问题描述：先说一下每个文件的内容
"[Vue warn]: Failed to mount component: template or render function not defined"错误的解决
annabelle1130的博客
07-16 2981
VUE中动态路由出错： e.esm.js?a026:591 [Vue warn]: Failed to mount component: template or render function not defined. found in ---> <Anonymous> <ElCard> <ElTabPane> <ElTabs> <Ma...
vue Failed to mount component: template or render function not defined 解决办法
芥焉丶丶的博客
05-18 4471
在laravel中使用vue是加载一个组件始终提示（与laravel无关） app.js:153241 [Vue warn]: Failed to mount component: template or render function not defined 多次尝试得出解决方法如下： require 是 CommonJS 的模块导入方式 而组件定义时写的 export default 是 ES6 方式 因此require 导入的结果其实是一个含 default 属性的对象 所以 vue 中 comp
[Vue warn]: Failed to mount component: template or render function not defined. (found in root insta
出埃及记
08-09 3590
在开始一个新的项目的时候报了个错 [Vue warn]: Failed to mount component: template or render function not defined. (found in root insta new Vue({ el: '#app', router, template: '', components: { App } }) 我
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 报错TypeError: this.$set is not a function 的解决方法
12-12
报错场景：将APi中得到的response数据，用Vue$set()使数据动态响应 报错代码： methods: { textTranslate: function (text, to) { $.ajax({ url: 'http://openapi.youdao.com/api', type: 'post', dataType: ...
Vue.js报错Failed to resolve filter问题的解决方法
10-22
主要介绍了Vue.js报错Failed to resolve filter问题的解决方法,需要的朋友可以参考下
Failed to prettify component 。。screenMap.vue template sou.pdf
12-16
Failed to prettify component 。。screenMap.vue template sou
2020-web前端-vue项目出错-[Vue warn]: Invalid prop: custom validator check failed for prop “index”.
01-08
1.在写循环的时候遇见这个的 原创文章 96获赞 50访问量 6万+ 关注 私信 展开阅读全文 作者：itwangyang520
vue报错最常见可能：Failed to mount component: template or render function not defined.
qq_43054210的博客
11-23 5821
在练习使用vue的时候发现了，创建了新的**.vue**视图文件，也有添加template但是启动项目后报错Failed to mount component: template or render function not defined.，阅读资料后三种可能： 1、路径写错 2、版本问题，有人说降低vue-loader版本，据说该同学是在 router/index.js下引入时采用懒加载写法，只需将后缀 .vue 补上即可 3、 加载问题（个人解决方案）：个人以上问题均无，报错后，将整个文件删除重新粘贴
正确解决Failed to mount component: template or render function not defined异常的有效解决方法
wbajsjhhhhh的博客
05-03 2849
正确解决Failed to mount component: template or render function not defined异常的有效解决方法
[Vue warn]: Failed to mount component: template or render function not defined.报错解决
weixin_45295262的博客
11-11 5017
[Vue warn]: Failed to mount component: template or render function not defined.报错解决
[Vue warn]: Failed to mount component: template or render function not defined
weixin_43130844的博客
03-16 1916
在使用VUE的过程中有可能会遇到这样的提示： “Failed to mount component: template or render function not defined”，提示挂载组件失败，原因可能是： 模板文件有问题——可检查代码查找问题； vue-router方面的问题——可检查vue-router的相关代码是否有问题； ...
vue项目开发中的问题：Failed to mount component: template or render function not defined.
yhl_nsd的博客
04-24 2048
1.错误提示 vue.runtime.esm.js?2b0e:619 [Vue warn]: Failed to mount component: template or render function not defined. found in ---> <Anonymous> <App> at src/App.vue <Root> 2.解决方法 将这种引入方法修改为以下这种就好了 ...
vue3自定义拖拽指令
最新发布
weixin_43641912的博客
05-09 325
自定义拖拽指令: 鼠标位置相对于当前文档的x坐标 - 鼠标位置相对于当前物体的x坐标 就是 物体在文档中的位置。
js:574 [Vue warn]: Failed to mount component: template or render function not defined. found in ---> <Anonymous> <App> a
06-09
这个警告信息通常表示在 Vue 应用中使用了没有定义模板或渲染函数的组件。这可能是由于以下原因之一引起的： 1. 组件名称错误：检查组件的名称是否正确，确保它与组件定义中的名称相同。 2. 组件定义错误：检查组件定义是否正确，确保具有正确的模板或渲染函数，并将其导出。 3. 组件导入错误：检查组件导入是否正确，确保它位于正确的位置，并且已正确导入。 4. Vue 版本不兼容：如果组件是从 Vue 2 迁移到 Vue 3，那么可能需要进行一些修改以使其与 Vue 3 兼容。 以下是一些解决此问题的常见方法： 1. 检查组件名称是否正确。 2. 检查组件定义是否正确，并将其导出。 3. 检查组件导入是否正确。 4. 确认 Vue 版本是否正确，并根据需要进行修改。 如果以上方法都无法解决问题，可以尝试在开发者工具中进一步调试代码，以查看是否有其他错误或警告信息。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值