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

    这篇文章主要为大家介绍了vue3鼠标拖拽滑动效果实现demo,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-12-12
  • vue 获取视频时长的实例代码

    vue 获取视频时长的实例代码

    这篇文章主要介绍了vue 获取视频时长的实例代码,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-08-08
  • Vue 路由间跳转和新开窗口的方式(query、params)

    Vue 路由间跳转和新开窗口的方式(query、params)

    这篇文章主要介绍了Vue 路由间跳转和新开窗口的方式,本文主要通过query方式和params方式介绍,需要的朋友可以参考下
    2019-12-12
  • 一文详解vue-router如何实现动态路由

    一文详解vue-router如何实现动态路由

    在构建基于Vue.js的单页面应用(SPA)时,Vue Router是一个不可或缺的工具,本文将详细介绍动态路由的概念与作用及其在Vue Router中的具体实现,需要的可以参考下
    2024-11-11
  • 使用Vue3创建多布局系统的三种方法

    使用Vue3创建多布局系统的三种方法

    布局是中大型网站或应用的基础,假设你正在创建一个网页应用,它包括主页、营销页面和应用页面,你不会想要为每一页重复所有的工作,对吧,与Nuxt不同,Vue 3并没有内置的布局系统,但是别担心,这里将向你展示3种简单的方法来实现这一点,需要的朋友可以参考下
    2023-08-08
  • 一文带你搞懂Vue3.5的响应式重构

    一文带你搞懂Vue3.5的响应式重构

    在Vue3.5版本中最大的改动就是响应式重构,重构后性能竟然炸裂的提升了56%,本文我们来讲讲使用双向链表后,Vue内部是如何实现依赖收集和依赖触发的,感兴趣的可以了解下
    2024-11-11
  • vue中想要mock数据在线上环境生效如何操作

    vue中想要mock数据在线上环境生效如何操作

    本文主要介绍了在配置了mock数据之后在线上环境使用,主要通过在main.ts文件中注册和vite.config.ts文件夹中配置插件来实现,感兴趣的可以了解一下
    2025-01-01
  • vue全局自定义指令和局部自定义指令的使用

    vue全局自定义指令和局部自定义指令的使用

    这篇文章主要介绍了vue全局自定义指令和局部自定义指令的使用,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-01-01
  • 前端低代码form-generator实现及新增自定义组件详解

    前端低代码form-generator实现及新增自定义组件详解

    这篇文章主要给大家介绍了关于前端低代码form-generator实现及新增自定义组件的相关资料,form-generator是一个开源的表单生成器,可以帮助我们快速构建各种表单页面,需要的朋友可以参考下
    2023-11-11
  • vue2前端调用WebSocket有消息进行通知代码示例

    vue2前端调用WebSocket有消息进行通知代码示例

    在Vue项目中实现全局的消息链接监听主要涉及到了WebSocket技术,这是一种双向通信协议,允许客户端与服务器之间实时、高效地交换数据,这篇文章主要给大家介绍了关于vue2前端调用WebSocket有消息进行通知的相关资料,需要的朋友可以参考下
    2024-07-07

最新评论