【Vue.js 3.0】不使用根标签,Error:[vue/no-multiple-template-root] The template root requires exactly one ...

[vue/no-multiple-template-root]The template root requires exactly one element.eslint-plugin-vue

原因分析

  • 报错示例,如图所示:
    在这里插入图片描述
    上述问题的产生,一般是由于 Visual Studio Code 中安装了 Vetur 插件,它在检测 vue-html 模板时,使用了 eslint-plugin-vue 插件。

解决方案

  • 查看是否安装了 Vetur 插件
    在这里插入图片描述
    在这里插入图片描述
  • 点击 文件 -- 首选项 -- 设置 进入设置页
    在这里插入图片描述
  • 搜索 eslint,查看 Validate vue-html in using eslint-plugin-vue 是否勾选
    在这里插入图片描述
  • 取消勾选 Validate vue-html in using eslint-plugin-vue
    在这里插入图片描述
  • 查看 vue 组件,可以看到,报错信息已经不存在了
    在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/zimeng303/article/details/113684299