Vue3项目刚创建就报错的问题及解决
更新时间:2023年10月10日 10:00:09 作者:前端志茗
这篇文章主要介绍了Vue3项目刚创建就报错的问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
Vue3项目刚创建就报错
vue3创建项目app.vue报错The template root requires exactly one element

解决办法
这是由于插件的问题,Vetur的插件错误
vue3中支持template中写两个,但是插件vetur设置了校验规则,改一下配置规则就不会显现错误了
找到插件的扩展设置,然后进行设置

然后就可以了,不报错了
创建Vue3项目后语法报错
碎碎念
闲来无事,搭建一个Vue3项目练练手,搭建完成后发现项目里语法检测报错

说下解决
Visual Studio Code左侧活动栏找到扩展,搜索vetur(代码格式化插件)

然后点击管理 => 扩展设置

搜索vetur>validation>template,取消vetur>validation>template的勾选

这个时候报错就消失了
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
vue3鼠标拖拽滑动效果实现demo
这篇文章主要为大家介绍了vue3鼠标拖拽滑动效果实现demo,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2023-12-12
vue 获取视频时长的实例代码
这篇文章主要介绍了vue 获取视频时长的实例代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
2019-08-08
一文详解vue-router如何实现动态路由
在构建基于Vue.js的单页面应用(SPA)时,Vue Router是一个不可或缺的工具,本文将详细介绍动态路由的概念与作用及其在Vue Router中的具体实现,需要的可以参考下
2024-11-11
使用Vue3创建多布局系统的三种方法
布局是中大型网站或应用的基础,假设你正在创建一个网页应用,它包括主页、营销页面和应用页面,你不会想要为每一页重复所有的工作,对吧,与Nuxt不同,Vue 3并没有内置的布局系统,但是别担心,这里将向你展示3种简单的方法来实现这一点,需要的朋友可以参考下
2023-08-08
一文带你搞懂Vue3.5的响应式重构
在Vue3.5版本中最大的改动就是响应式重构,重构后性能竟然炸裂的提升了56%,本文我们来讲讲使用双向链表后,Vue内部是如何实现依赖收集和依赖触发的,感兴趣的可以了解下
2024-11-11
vue中想要mock数据在线上环境生效如何操作
本文主要介绍了在配置了mock数据之后在线上环境使用,主要通过在main.ts文件中注册和vite.config.ts文件夹中配置插件来实现,感兴趣的可以了解一下
2025-01-01
vue2前端调用WebSocket有消息进行通知代码示例
在Vue项目中实现全局的消息链接监听主要涉及到了WebSocket技术,这是一种双向通信协议,允许客户端与服务器之间实时、高效地交换数据,这篇文章主要给大家介绍了关于vue2前端调用WebSocket有消息进行通知的相关资料,需要的朋友可以参考下
2024-07-07
最新评论