Failed to mount component: template or render function not defined

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

错误原因
在这里插入图片描述
在这里插入图片描述
错误原因：图1，路由页面引入了@/views/Home/index
因为之前我所有的结构样式行为都是在一个文件，就叫做index.vue，因此引入时我省略了后缀名。
后来我的home下面的index.vue太大我拆成了index.js，index.vue,index.scss，三个文件，如图2，但是路由文件的路径我没有改，还是@/views/Home/index，因此它默认加载了js文件，所以就会报如标题这样的错误。说是没有template之类的。

注意，引入时还是带后缀比较保险。

FixUpSth
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决koa2 ctx.render is not a function报错问题
10-18
主要介绍了解决koa2 ctx.render is not a function报错问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue深入解析之render function code详解
08-29
vue对大家来说应该再熟悉不过了，下面这篇文章主要给大家深入的解析了vue之render function code的相关资料，文中通过示例代码介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面来一起看看吧。
页面报错（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
正确解决Failed to mount component: template or render function not defined异常的有效解决方法
最新发布
wbajsjhhhhh的博客
05-03 5736
正确解决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() { ...
Failed to mount component: template or render function not defined.
﹎静如止水﹎的博客
12-28 1237
components文件夹底下有个waterfall-list.vue和waterfall-list.js，引入时，没有注明js还是vue。解决方法：把位置1挪到位置2，报错解决。就是把同名文件分开，或者重新起个名字即可。莫名其妙的报这个错误无从下手，
react-web-component:使用React创建Web组件
05-23
React Web组件 使用React创建Web组件 安装 React Web组件可作为npm上的react-web-component软件包使用。 yarn add react-web-component ... render ( ) { return < div> Hello World! < / div > ; } } ReactW
renderdoc-rs：Rust的RenderDoc应用程序绑定
02-04
renderdoc-rs：Rust的RenderDoc应用程序绑定
vue3传属性时报错 [Vue warn]: Component is missing template or render function.
一只爱吃糖的小羊
03-24 7671
vue3传属性时报错 [Vue warn]: Component is missing template or render function.
vue 报错Failed to mount component: template or render function not defined.的解决方法
to_the_Future的博客
02-16 2289
之前的项目都没有问题，结果突然出现这个报错, 别的文件都正确,就是新建的一个组件报错 解决办法： 因为在router/index.js文件中，我是用的懒加载的写法，所以把文件后缀.vue跟上就好了 在新建好.vue文件后，引入新建文件时，该新建文件里面没有添加组件 内容 将内容包裹起来，就算没有写内容也必须添加该组件 ...
[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 warn] Component is missing template or render function
m0_54853503的博客
03-01 721
解决方式： 检查script代码是否正确 示例1 <script setup> </script> 示例 2 <script> export default { setup () { return {} } } </script>
Vue报错
clearlovel的博客
04-27 259
经过查资料，反复查证回想改了什么，发现是因为昨天在在哪个页面组件目录（src\views\组件目录）里面新建了个index.js，so，现在这个组件目录下有一个index.vue和index.js，导致路由配置表里面引入组件的时候引入到了index.js没有引入到组件导致报错。1、index.js文件不要放在组件目录下或者改名字，2、路由表配置指定后缀，比如：component: () => import('@/views/subfile/index.vue') 就可以了。浏览器中会出现这种类型的报错。
解决[Vue warn]: Failed to mount component: template or render function not defined.
m012840的博客
10-20 1819
解决[Vue warn]: Failed to mount component: template or render function not defined.

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值