VS code 安装VUE3 模板报错The template rootrequires exactly one element. eslint -plugin-vue

1.首先vs code是安装了Vetur 扩展以及ESLint 扩展

2. 根据Vue3 官网安装脚手架https://v3.cn.vuejs.org/guide/installation.html#%E5%91%BD%E4%BB%A4%E8%A1%8C%E5%B7%A5%E5%85%B7-cli 

2.1 进行npm install 的时候,安装完成如果显示一个这样的内容,注意它不是报错

这个只是个捐助内容,根据个人情况选择捐助即可,你可以选择根据它提示的指令,输入npm fund 就会输出捐助的网页。这个是非必须的。

VS code 安装VUE3 模板报错The template rootrequires exactly one element. eslint -plugin-vue_第1张图片

然后直接输入npm run dev 就能直接运行脚手架了

VS code 安装VUE3 模板报错The template rootrequires exactly one element. eslint -plugin-vue_第2张图片

 3. 虽然能正常运行,但页面却报红了,这个情况怎么处理呢?

VS code 安装VUE3 模板报错The template rootrequires exactly one element. eslint -plugin-vue_第3张图片

组件报错提示信息

VS code 安装VUE3 模板报错The template rootrequires exactly one element. eslint -plugin-vue_第4张图片

 3.1 首先我们解决要明白原由,在vue2的组件中,每一个组件