【Vue3】报错：The template root requires exactly one element

一：报错原因：

    <Template>标签中，根标签有多个，如：

    ![](https://img-blog.csdnimg.cn/3b613f955a93403e816bcc5be3405f2b.png)

二：解决办法：

    1：用div标签包住就行了

    2：在vue的.eslintrc.js 文件中配置：

             "vue/no-multiple-template-root":'off' 

 rules: {
      'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
      'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
       //关闭模板只能存在一个根标签的校验规范
       "vue/no-multiple-template-root":'off' 
    }