Vue控制台报错Failed to mount component: template or render function not defined.

最新推荐文章于 2024-05-03 22:32:16 发布
最新推荐文章于 2024-05-03 22:32:16 发布
阅读量2.5k 收藏 1
点赞数
分类专栏： 工作实例 前端错误 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37860468/article/details/122070302
版权

今天vue一直报错
vue.runtime.esm.js?2b0e:619 [Vue warn]: Failed to mount component: template or render function not defined.
在这里插入图片描述

一直以为是引用问题，找了很多解决方案都没有，到最后解决了记录一下，方便助人助己

我的这个问题的根源在于 vue的文件命名和js的文件命名一致，然后又在同一个文件夹下面，比如下面
在这里插入图片描述
Area.vue 和 Area.js在同一个文件夹下面，且同名。

我的解决方案一：是将vue重命名为index.vue

解决方案二：
再建一个文件夹专门放js文件，不和vue放在一个文件夹下面。

更改了文件命名后，能正常运行了.

一个人走的更快，一群人走的更远！

喜欢千千呐
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue.runtime.esm.js:619 [Vue warn]: Error in event handler for “el.form.change“: “TypeError: dateObje
郭宝的博客
09-17 1万+
背景： vue.runtime.esm.js:619 [Vue warn]: Error in event handler for "el.form.change": "TypeError: dateObject.getTime is not a function" found in ---> <ElFormItem> at packages/form/src/form-item.vue <ElCol> <ElRow> .
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue.js报错Failed to resolve filter问题的解决方法
10-22
主要介绍了Vue.js报错Failed to resolve filter问题的解决方法,需要的朋友可以参考下
vue项目开发中的问题：Failed to mount component: template or render function not defined.
yhl_nsd的博客
04-24 2050
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.解决方法 将这种引入方法修改为以下这种就好了 ...
vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in created hook: “TypeError: Object(...) is not a func
qq_30351747的博客
05-04 2万+
从后端拿取数据渲染到表格数据。结果明明写的没错，但是却报错 定位到代码中。 引入后端接口 引入的这个js，要用大括号包起来，不然就被当作方法调用，所以就会报错的呀 原文链接：vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in created hook: "TypeError: Object(…) is not a func 报错 .........
页面报错（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 报错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.runtime.esm.js?2b0e:619 [Vue warn]: Failed to mount component: template or render function not d
m0_46674544的博客
08-14 6753
template里这样写的 <a-form-item label="主队" > <a-select disabled v-decorator="['Team',{initialValue:Team,rules: [{ required: true, message: '请选择队伍' }]}]" placeholder="请选择队伍" /> <a-select-option></a-select-option> .
【bug】vue.runtime.esm.js?2b0e:619 [Vue warn]: Failed to mount component: template or render function
花椒和蕊的博客
04-13 2470
遇到这个报错，算是一个比较小的问题 因为路由创建了，对应的页面刚新建，什么内容都还没有写 报了这个错 当页面正常有内容后，就不报错了
vue报错最常见可能：Failed to mount component: template or render function not defined.
qq_43054210的博客
11-23 5828
在练习使用vue的时候发现了，创建了新的**.vue**视图文件，也有添加template但是启动项目后报错Failed to mount component: template or render function not defined.，阅读资料后三种可能： 1、路径写错 2、版本问题，有人说降低vue-loader版本，据说该同学是在 router/index.js下引入时采用懒加载写法，只需将后缀 .vue 补上即可 3、 加载问题（个人解决方案）：个人以上问题均无，报错后，将整个文件删除重新粘贴
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: ...
【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.
m012840的博客
10-20 1811
解决[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_45295262的博客
11-11 5020
[Vue warn]: Failed to mount component: template or render function not defined.报错解决
webpack 一些错误解决方法
kangkang
09-15 653
1. vue.runtime.esm.js:619 [Vue warn]: Failed to mount component: template or render function not defined. 原因是 组件路径没有引入完全，比如下图，header的后面还差有 /index.vue 解决： 1.把路径引入完全 import header from '../../components/header/index.vue'; 2.修改webpack的resolve （注意了，顺序也很重要
"[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...
正确解决Failed to mount component: template or render function not defined异常的有效解决方法
最新发布
wbajsjhhhhh的博客
05-03 3164
正确解决Failed to mount component: template or render function not defined异常的有效解决方法
关于Vue引入组件后报错：Failed to mount component: template or render function not defined.
FuyuumiAI的博客
04-04 3万+
Failed to mount component: template or render function not defined. 问题描述 在引入所需组件时，出现以下错误。 自己猜测大概率是引入名称或者是引入方式出错了。然后就开始试验，果然，问题出在组件的引入方式上了，错误代码如下： <script> export default { data() { ...
[Vue warn]: Failed to mount component: template or render function not defined
weixin_43130844的博客
03-16 1924
在使用VUE的过程中有可能会遇到这样的提示： “Failed to mount component: template or render function not defined”，提示挂载组件失败，原因可能是： 模板文件有问题——可检查代码查找问题； vue-router方面的问题——可检查vue-router的相关代码是否有问题； ...
是用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-waterfall2组件，并在Vue实例中注册该组件。 2. 组件名称大小写错误：请检查组件名称是否与引入时的名称一致，包括大小写。 3. 组件模板或渲染函数未定义：该错误通常是由于组件的template或render函数未定义引起的。请检查组件的template或render函数是否正确定义，并且在组件中正确使用。 4. Vue版本不兼容：vue-waterfall2可能与当前使用的Vue版本不兼容。请确保Vue版本与vue-waterfall2的要求相匹配。 如果以上解决方法无效，请提供更多的代码和错误信息，以便更好地帮助您解决问题。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值