开发中遇到的奇怪问题

vue3 提示只能有一个根元素

原因

The template root requires exactly one element.eslint-plugin-vue

这是vscode插件vetur导致的，vetur是通过读取根目录的package.json文件来判断vue的版本。官方文档

而当时写demo时为了方便我并没有打开新的工作区，而是在工作区内直接新建文件夹作为项目环境，根目录并没有package.json文件，所以vetur不能知道当前是vue3环境。

怎么解决

可以在根目录放一个package.json文件

//package.json
{
  "dependencies": {
    "vue": "^3.2.13"
  }
}

或者禁用vetur