【异常处理】Vue报错 Component template should contain exactly one root element.

问题描述

启动VUE项目后控制台报错:

复制代码
    Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead.

翻译为:组件模板应该只包含一个根元素

查看vue代码,发现template中有两个元素,所以报错

解决方案

将h1标签放到div里面即可

相关推荐
天蓝色的鱼鱼5 分钟前
模块化与组件化:90%的前端开发者都没搞懂的本质区别
前端·架构·代码规范
明君879978 分钟前
Flutter 如何给图片添加多行文字水印
前端·flutter
进击的尘埃11 分钟前
AI 代码审查工具链搭建:用 AST 解析 + LLM 实现自动化 Code Review 的前端工程方案
javascript
juejin_cn20 分钟前
[转][译] 从零开始构建 OpenClaw — 第五部分(对话压缩)
javascript
leolee1838 分钟前
Redux Toolkit 实战使用指南
前端·react.js·redux
bluceli41 分钟前
React Hooks最佳实践:写出优雅高效的组件代码
前端·react.js
IT_陈寒1 小时前
JavaScript代码效率提升50%?这5个优化技巧你必须知道!
前端·人工智能·后端
IT_陈寒1 小时前
Java开发必知的5个性能优化黑科技,提升50%效率不是梦!
前端·人工智能·后端
LDX前端校草1 小时前
前端开发规则配置
前端
代码老中医1 小时前
2026前端工程化新范式:如何用AI驱动你的设计系统?
前端