vue报错：Component template requires a root element, rather than just text

最新推荐文章于 2024-09-08 11:45:38 发布
最新推荐文章于 2024-09-08 11:45:38 发布
阅读量4.9k 收藏
点赞数 8
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liyuzhe1998/article/details/110821616
版权

Vue 父子组件 template # 子组件引用
关键词由CSDN通过智能技术生成

今天在学习vue父组件访问子组件的遇到了一个怎么都解决不了的问题，网上的大佬们更是一到这种时刻就不食人间烟火，从各种机制、原理给我解释的脑瓜子嗡嗡的

先说一下呢我的目的，视频的老师总是用vue本体作为父组件（当然是可以的），我就想直接写一个父组件，在写一个子组件

就出了这个问题

最后的我发现了

这个就是没写  # 

template: "cpn1",

修改

template: "#cpn1",

这就可以了

Paroxetiner
关注
专栏目录
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue3 警告 报错 The template root requires an element rather than texts.eslint-plugin-vue
酱子
07-28 4983
vue 3.0 警告 报错 ： The template root requires an element rather than texts.eslint-plugin-vue 看着很不爽 咋办？ 在插件 vetur右键 扩展设置 点击设置里面的：扩展 找到：vetur插件，把Template 勾选 去掉 完美解决 这个警告报错问题 ...
[Vue warn]: Error compiling template Component template requires a root element, rather than just te
PlusChang的博客
10-15 1万+
Component template requires a root element, rather than just text. 解决方案1： template="原有内容"   或者你别的什么标签也罢。 解决方案2： 在你引用的内容上加上字符串格式的标签符号。 解决方案3：
The template requires child element vue/valid-template-root
最新发布
2301_76470930的博客
09-08 331
返回去看我们需要编写的前端页面基本框架，发现在<template></template>中少了一个<div></div>标签。错误原因：在template目录下需要子元素div标签。只需要加上一对div标签即可。
Vue报错： Component template requires a root element, rather than just text.
Haydey
07-17 834
解决Vue报错: Component template requires a root element, rather than just text
@[TOC](vue.js报错 Component template requires a root element, rather than just text.
时光之痕
02-19 2133
vue.js报错 FooterGuide Error compiling template: Component template requires a root element, rather than just text. 这是我App.vue文件中引入FooterGuide模板。 <template> <div> <router-view/> <FooterGuide/> </div> </template
vue中的错误日志
Dream_travelerly的博客
04-15 270
一、Error compiling template: Component template requires a root element, rather than just text. 这个错误意思是，每一个组件中的模板必须含有根元素，不能直接写文本 二、Do not use built-in or reserved HTML elements as component id: div 不...
解决vue打包后刷新页面报错：Unexpected token <
10-16
在使用Vue.js框架开发的项目中，打包后的静态文件部署到生产环境中时，遇到了页面刷新后报错“Unexpected token <”的问题。这个问题表明在解析index.html或者发生错误的页面时，解析器遇到了一个不符合预期的字符...
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
然而，当你遇到`TypeError: this.$set is not a function`的错误时，通常是因为`this`上下文没有正确指向Vue实例。下面我们将深入探讨这个问题及其解决方案。 ### 报错场景 在开发过程中，你可能在尝试将API获取的...
Vue项目报错：Uncaught SyntaxError: Unexpected token
01-19
今天做一个 VUE 的项目，在引入第三方依赖的 JS 文件时，遇到了一个问题： 控制台的提示：Uncaught SyntaxError: Unexpected token < 按照提示进入文件，再看如下图： 仔细看了看 index.html 文件,发现原本我...
vue3报错：The template root requires exactly one element终极解决办法
Y_soybean_milk的博客
04-22 3万+
兴冲冲的开启一个vue3项目，控制台却报错The template root requires exactly one element 我们知道，在vue2中，template中只能有一个根元素，但在vue3中，则去掉了这个限制 那么如何解决这个错误提示呢？ 方法一 可能是项目中引入的eslint报的错 解决方法：在项目的.eslintrc.js配置文件的rules中添加："vue/no-multiple-template-root": "off" rules: { 'no-console':
解决Vue3项目使用多个根标签提示[vue/no-multiple-template-root]The template root requires an element rather than
qq_45569925的博客
05-29 601
报错截图 检查原因 第一步：检查是否安装了Vetur插件 第二步：左下角设置图标 ==》 设置 第三步：进入设置页面搜索 eslint 把 Vetur 的验证模板，取消勾选Validate vue-html in using eslint-plugin-vue 第四步：将错误提示页面关掉然后重新打开，即可正常显示
vue中常踩得坑汇总
bbc363960552的博客
12-10 228
1.Component template requires a root element, rather than just text. <template id="show"> <div> <span>指向我</span> <hr> </div> </templa...
解决vue-cli使用组件报错
imherer的博客
08-08 636
今天使用vue-cli，明明写的没错，都是vue-cli自动生成的，编译时怎嘛就会报错呢？ 报错信息如下： 浏览器端报错： Failed to compile. ./src/components/Hi1.vue Module not found: Error: Can't resolve 'stylus-loader' in 'E:\desktop\vue-review\vuejs\vue-cli\vuecli\src\components' @ ./src/components/Hi1.vue...
全栈笔记_插件篇（用Volar替换Vuter）
wwv的博客
02-06 874
vscode插件，使用Volar替代vuter
vue 之 Component template should contain exactly one root element.
weixin_40708261的博客
06-22 199
这个问题是要在最外层加上一个容器。可以加个<div></div>
vue template报错：Component template should contain exactly one root element
weixin_44988028的博客
04-16 192
原因：template底下只能有一个元素，多个会报错 <template> <button @click="jump">返回</button> <div>公告</div> </template> 解决方法：在最外层加一层div即可 <template> <div class="notice"...
vue 报警告：Failed to resolve component:ConsTtem IFthis is a native custom element,make sure to exclude
热门推荐
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
06-17 9万+
Failed to resolve component:ConsTtem IFthis is a native custom element,make sure to exclude it from component resolution via cpmpilerOptions.isCustomElement at xxx .翻译一下就是：未能解析组件：constem如果此元素是本机自定义元素，请确保将其从组件中排除通过cpmpilerOptions.isCustomElement 在 xxx 组件（下面
Error compiling template: Component template requires a root element, rather than just text.
just a moment
05-18 431
vue报错: 最后发现是这里的问题：` var cici = { template:'tmp' } 改成： var cici = { template:'#tmp' }
vue报错：Component template should contain exactly one root element. If you are using v-if on multiple ...
05-24
这个错误通常是因为 Vue 组件的模板中包含了多个根元素。Vue 的组件模板中必须有一个根元素，因为 Vue 会将组件模板编译成一个 render 函数来渲染组件，而 render 函数只能返回一个根元素。 如果你在组件模板中使用...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值