vue3项目中App.vue中＜router-view/＞报错The template root require....

问题描述：

在创建新的vue3项目时，src目录下的
App.vue文件中的会自动报错The template root requires exactly one element.

原因分析：

这是Vetur认为这是一个Vue 2项目，因为它位于VS Code工作区中。
而Vue2只允许模板里存在一个根节点。

解决办法：

在 <template> 中添加一个 <div>标签，
之后所有的组件全部加在<div>即可解决。

<template>
  <div id="nav">
    <router-link to="/">Home</router-link> |
    <router-link to="/about">About</router-link>
     <router-view/>
  </div>