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的勾选

这个时候报错就消失了

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • vue router总结 $router和$route及router与 router与route区别

    vue router总结 $router和$route及router与 router与route区别

    这篇文章主要介绍了vue router总结 $router和$route及router与 router与route区别,本文给大家介绍的非常详细,具有一定的参考借鉴价值 ,需要的朋友可以参考下
    2019-07-07
  • vue2项目使用sass的示例代码

    vue2项目使用sass的示例代码

    本篇文章主要介绍了vue项目使用sass的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • vue项目实现左滑删除功能(完整代码)

    vue项目实现左滑删除功能(完整代码)

    最近在开发移动端项目,通过向左滑动出现删除按钮,点击即可删除,怎么实现这个功能呢,接下来小编给大家带来实例代码帮助大家学习vue项目实现左滑删除功能,感兴趣的朋友跟随小编一起看看吧
    2021-05-05
  • Vue.js中的computed功能设计

    Vue.js中的computed功能设计

    computed作为计算属性其作用是描述响应式数据的复杂逻辑计算,当所依赖的响应式数据发生改变时计算属性会重新计算,更新逻辑计算的结果,这篇文章主要介绍了Vue.js中的computed的功能设计,需要的朋友可以参考下
    2023-06-06
  • vue3实现移动端滑动模块

    vue3实现移动端滑动模块

    这篇文章主要为大家详细介绍了vue3实现移动端滑动模块,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-09-09
  • vue选项卡切换登录方式小案例

    vue选项卡切换登录方式小案例

    这篇文章主要为大家详细介绍了vue选项卡切换登录方式小案例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-09-09
  • Vue中的高德轨迹回放

    Vue中的高德轨迹回放

    这篇文章主要介绍了Vue中的高德轨迹回放问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-03-03
  • Vue中实现权限管理详解

    Vue中实现权限管理详解

    这篇文章主要介绍了Vue中实现权限管理详解,权限是对特定资源的访问许可,所谓权限控制,也就是确保用户只能访问到被分配的资源,而前端权限归根结底是请求的发起权,请求的发起可能有下面两种形式触发,需要的朋友可以参考下
    2023-08-08
  • vue中使用hover选择器无效的问题

    vue中使用hover选择器无效的问题

    这篇文章主要介绍了vue中使用hover选择器无效的问题,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-10-10
  • vue移动端实现下拉刷新

    vue移动端实现下拉刷新

    我们通过原理讲解以及代码实例给大家分享了关于VUE实现移动下拉刷新的功能,有的朋友可以跟着学习下。
    2018-04-04

最新评论