Vue.js 错误异常: Component template should contain exactly one root element.

一、错误异常:

Errors compiling template: 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,button标签放到div里面

运行效果:

相关推荐
tsumikistep1 小时前
【前后端】接口文档与导入
前端·后端·python·硬件架构
513495921 小时前
Vite环境变量配置
vue.js
行走的陀螺仪1 小时前
.vscode 文件夹配置详解
前端·ide·vscode·编辑器·开发实践
2503_928411562 小时前
11.24 Vue-组件2
前端·javascript·vue.js
Bigger2 小时前
🎨 用一次就爱上的图标定制体验:CustomIcons 实战
前端·react.js·icon
谢尔登2 小时前
原来Webpack在大厂中这样进行性能优化!
前端·webpack·性能优化
g***B7382 小时前
JavaScript在Node.js中的模块系统
开发语言·javascript·node.js
Z***25803 小时前
JavaScript在Node.js中的Deno
开发语言·javascript·node.js
weixin79893765432...3 小时前
Vue + Express + DeepSeek 实现一个简单的对话式 AI 应用
vue.js·人工智能·express
高级程序源3 小时前
springboot社区医疗中心预约挂号平台app-计算机毕业设计源码16750
java·vue.js·spring boot·mysql·spring·maven·mybatis