eslint报告的错误信息“the template root requires exactly one element.(vue/no-multiple-template-roots)”意味着在Vue组件的<template>标签内部,eslint检测到存在多个根元素,而Vue的规范是要求每个组件的模板只能有一个根元素。 2. 指出在Vue文件中template标签下应该只有一个根元素 在Vue文件中,<temp...
解决Vue 报错:The template root requires exactly one element 在使用 Vue.js 开发前端应用时,可能会遇到这样的错误提示:“The template root requires exactly one element”(模板根需要一个且仅一个元素)。这个错误是由于 Vue 的模板系统的一个基本要求造成的,即每个组件的模板必须有且仅有一个根元素。下面我们...
解决方案: 将<template>中的元素用一个大的包起来,这样就可以在其中添加多个元素了,可以参考以下示例:
一、起因:# vue3创建项目出现的eslint插件报错。 首先我的项目是创建使用的是官方推荐的主流配置,所以不应该报这个错。因为vue3开始允许多个根元素存在,不需要自己包装一个根元素。这个错误只存在于vue2阶段。 所以我看了一下我的目录: 里面是一个大的文件包含着大大小小的几个项目,既有vue2也有vue3。 二、探...
Vue3 在VSCode新建项目报错The template root requires exactly one element.解决方法 这两天学习Vue3新特性跟着教程用VSCode创建了一个Demo项目,并且安装了vetur插件 然后VSCode打开App.vue 显示如下错误 虽然npm run dev能正常跑起来,但是老是提示错误看着很不爽 今天就教大家怎么关闭这个错误提示 1.首先我们... ...
报错内容:[vue/no-multiple-template-root] The template root requires exactly one element. 当你的项目中出现这个错误的时候,报错而且黑屏,这个时候不要慌,不要以为是大问题,找半天找不到。 原因分析:这个其实这是因为Vue中只允许存在一个根节点template。,所以在<template>中插入第二个元素就会报这样的 ...
【Vue报错】关于 The template root requires exactly one element 报错的解决方案 详见下图: https://img-blog.csdnimg.cn/fe95400d743d4325a3a617b2b936f5b9.png VSCode 中报错信息 Node中报错信息 报错原因 Vue只允许模板里存在一个根节点。 解决方案...
前言:发文章只是为了记录自己遇到的坑,为以后遇到问题时能够回过头来看一看。 模板根只需要一个元素。 报错原因是因为<template>下面必须要有一个 盒子包裹着模板的其他内...
Vue：Thetemplaterootrequiresexactlyoneelement.。。。Vue：Thetemplaterootrequiresexactlyoneelement.。。。这是因为vue的模版中只有能⼀个根节点，所以在<template>中插⼊第⼆个元素就会报错 解决⽅案：将<template>中的元素⽤⼀个⼤的 包起来，这样就可以在其中添加多个元素了，可以参考以下⽰例：例⼦...
vue3出现The template root requires exactly one element错误 1、修改vetur的配置 取消勾选 2、用volar代替vetur,禁用vetur