前言
报错信息：
VUE小白会碰到这样的错误，刚上手，对vue还不太熟悉，所以对里面的构造方式不太清楚。
对于这个bug，我们很容易翻译为：
组件模板应该只包含一个根元素
查看代码
如图所示，template下面包含了两个
根节点，这是报错的根本原因。
解决
在最外层写一个div，把所有的前端代码放进去就好了：
成功解决Component template should contain exactly one root element
2023-08-29
196
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
成功解决Component template should contain exactly one root element
目录
相关文章
|
5月前
|
JavaScript
索引
Component name “index“ should always be multi-word vue/multi-word-component-names
Component name “index“ should always be multi-word vue/multi-word-component-names
170
1
1
|
6月前
|
JavaScript
error Component name “Login“ should always be multi-word vue/multi-word-component-names【已解决】
error Component name “Login“ should always be multi-word vue/multi-word-component-names【已解决】
374
1
1
|
5月前
【vue3】Argumnt of type ‘history:RouterHistory；}is not assignable to paraeter of type ‘RouterOptions‘.
【vue3】Argumnt of type ‘history:RouterHistory；}is not assignable to paraeter of type ‘RouterOptions‘.
104
0
0
|
7月前
Angular启动/node_modules/@types/node/index.d.ts (20,1): Invalid ‘reference‘ directive syntax.
Angular启动/node_modules/@types/node/index.d.ts (20,1): Invalid ‘reference‘ directive syntax.
85
2
2
Unknown custom element: ＜add-employee＞ - did you register the component correctly? For red cursive c
原因：
1.组件名没写对(导入和注册不对应)
2.components少写了个s
3.组件命名最好是驼峰命名
4.导入时语法错误
5.代码中有两个components，后一个的值把前一个覆盖了
6.组件直接循环套用了
104
0
0
|
7月前
|
JavaScript
前端开发
[Vue Router warn]: Component “default“ in record with path “/xx“ is a function that does not return
[Vue Router warn]: Component “default“ in record with path “/xx“ is a function that does not return
1346
0
0
|
7月前
|
前端开发
开发者
TS7031: Binding element ‘role‘ implicitly has an ‘any‘ type.
TS7031: Binding element ‘role‘ implicitly has an ‘any‘ type.
95
1
1
|
7月前
|
JavaScript
【Vue Error】 error Component name “product“ should always be multi-word vue/multi-word-compone……
【Vue Error】 error Component name “product“ should always be multi-word vue/multi-word-compone……
96
0
0
|
7月前
|
JavaScript
[Vue warn]: Method “components“ has type “object“ in the component definition. Did you reference the
[Vue warn]: Method “components“ has type “object“ in the component definition. Did you reference the
219
0
0
|
JavaScript
[Vue warn]: Unknown custom element: ＜Top＞ - did you register the component correctly?
[Vue warn]: Unknown custom element: ＜Top＞ - did you register the component correctly?
179
0
0
热门文章
最新文章
1
基于区块链的机器学习模型创建方案
2
性能的极致,Rust的加持,Zed-Dev编辑器快速搭建Python3.10开发环境
3
首届Global VR Hackathon完结 全球前三甲诞生
4
我的博客即将入驻“云栖社区”，诚邀技术同仁一同入驻。
5
iptables
6
DevExpress 10.2.4系列-ASPxListBox根据列值不同设置不同图标
7
jquery的load加载js页面到指定div中
8
分享平时工作中那些给力的shell命令（更新版）
9
如何在ubuntu下用SVN commit
10
hdu 1800 Flying to the Mars
1
HelloMeme：开源的面部表情与姿态迁移框架，将视频中的人物表情迁移到静态图像中生成动态视频
98
2
VSI-Bench：李飞飞谢赛宁团队推出视觉空间智能基准测试集，旨在评估多模态大语言模型在空间认知和理解方面的能力
30
3
CLEAR：新加坡国立大学推出线性注意力机制，使8K图像的生成速度提升6.3倍，显著减少了计算量和时间延迟
30
4
Kheish：开源的多智能体开发框架，通过 YAML 配置工作流和多个 Agent 共同协作解决复杂任务
38
5
Bamba-9B：基于 Mamba2 架构的仅解码语言模型，旨在提高大型语言模型在推理时的效率
32
6
DisPose：清华北大等多所高校联合推出基于人物图像增强视频生成技术，实现对人物动画的准确控制和一致性
29
7
InvSR：开源图像超分辨率生成模型，提升分辨率，修复老旧照片为超清图像
27
8
Univer：开源全栈 AI 办公工具，支持 Word、Excel、PPT 等文档处理和多人实时协作
24
9
《人工智能：驱散新材料数据噪声与填补缺失值的曙光》
20
10
《人工智能：解锁新材料最佳掺杂元素及比例的密码》
14