Vue引入组件报错[Vue warn]: Failed to mount component: template or render function not defined. (found in r

最新推荐文章于 2022-09-07 14:12:14 发布
最新推荐文章于 2022-09-07 14:12:14 发布
阅读量904 收藏
点赞数
分类专栏： 没人看自己看系列 文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43517774/article/details/126659383
版权

在这里插入图片描述
报错如图上所示
报错是cooperateForm.vue页面无法显示，添加了一个**.vue**后缀就可以正常显示了
在这里插入图片描述
注意：我的这个是有同名js和vue文件
在这里插入图片描述
疑问：cooperateForm路由上面的form17也是有同名的vue和js文件，为什么它在router.js文件中不需要加.vue后缀都可以正常显示？

奶guy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
[Vue warn]: Failed to mount component: template or render function not defined.报错解决
weixin_45295262的博客
11-11 5038
[Vue warn]: Failed to mount component: template or render function not defined.报错解决
解决[Vue warn]: Failed to mount component: template or render function not defined.
m012840的博客
10-20 1817
解决[Vue warn]: Failed to mount component: template or render function not defined.
解决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中） ...
[Vue warn]: Failed to mount component: template or render function not defined.
yang_yue6889的博客
12-15 667
参考：https://www.cnblogs.com/kingjordan/p/12026983.html
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问题的解决方法,需要的朋友可以参考下
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue控制台报错Failed to mount component: template or render function not defined.
qq_37860468的博客
12-21 2585
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
vue报错 Failed to mount component: template or render function not defined.
qq_46198929的博客
03-20 3650
参照的视频 vue脚手架创建 a.vue <template> <div>a</div> </template> <script> export default {}; </script> <template> <div>b</div> </template> <script> export default {}; </script> <t
关于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报错集合
qq_43385689的博客
08-08 6198
Error in created hook (Promise/async): “[object Object]” 解释 在created钩子函数中,有一个错误(关于Promise/async)的 产生原因 在接口请求函数中使用了如下代码语句： return Promise.reject(res) 在请求函数中针对 请求异常报错情况下 直接将承载着错误信息的Promise对象给抛出，没有通过catch捕获错误，因而vue做出了警告。 解决 try catch包裹请求接口 总结 - 方法的返回值是Pro
vue 报错Failed to mount component: template or render function not defined.的解决方法
to_the_Future的博客
02-16 2289
之前的项目都没有问题，结果突然出现这个报错, 别的文件都正确,就是新建的一个组件报错 解决办法： 因为在router/index.js文件中，我是用的懒加载的写法，所以把文件后缀.vue跟上就好了 在新建好.vue文件后，引入新建文件时，该新建文件里面没有添加组件 内容 将内容包裹起来，就算没有写内容也必须添加该组件 ...
vue 在vue文件中引入子组件后，eslint导致组件未引入的解决办法
qq_42949209的博客
04-29 1382
问题前提：vue3项目，启用eslint 在vue引入一个子组件，在components中也注册了该组件，在template中也写了该组件，但eslint就是报错注册未使用组件。 举一个例子 import EditLogDetail from "@/views/LogDetail/EditLogDetail.vue"; 在components中注册 components: { EditLogDetail, }, 在html中使用 <edit-log-detail ref="..
Vue warn] Component is missing template or render function
m0_54853503的博客
03-01 719
解决方式： 检查script代码是否正确 示例1 <script setup> </script> 示例 2 <script> export default { setup () { return {} } } </script>
Vue解决报错:error The “xxxxx“ component has been registered but not used
Kinrun的博客
09-07 2719
Vue项目报错:error The "xxxxx" component has been registered but not used(vue/no-unused-components)
vue项目开发中的问题：Failed to mount component: template or render function not defined.
yhl_nsd的博客
04-24 2068
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.解决方法 将这种引入方法修改为以下这种就好了 ...
Component is missing template or render function
m0_67401228的博客
03-11 1万+
引入如下： 报错如下： 【错误原因】： 引入的时候没有加文件后缀！！！！！ 解释： 其实按道理，webpack的规则是允许 .vue .js 文件在引入的时候省略文件名后缀的。 import test from './test.vue' import test from './test' //等同于 import test from './test.js' import test from './test' //等同于 但是当目录下同事存在 test.js 和 test.vue 文件的时候，会优先
Vue warn]: Failed to mount component: template or render function not defined.
最新发布
06-19
当在Vue.js中遇到警告"Vue warn]: Failed to mount component: template or render function not defined"时，这通常意味着你在尝试挂载一个组件，但该组件缺少必要的模板（template）或渲染函数（render function）...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值