Vue3項目剛創(chuàng)建就報錯的問題及解決
更新時間：2023年10月10日 10:00:09 作者：前端志茗
這篇文章主要介紹了Vue3項目剛創(chuàng)建就報錯的問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
Vue3項目剛創(chuàng)建就報錯
vue3創(chuàng)建項目app.vue報錯The template root requires exactly one element
解決辦法
這是由于插件的問題，Vetur的插件錯誤
vue3中支持template中寫兩個，但是插件vetur設(shè)置了校驗規(guī)則，改一下配置規(guī)則就不會顯現(xiàn)錯誤了
找到插件的擴展設(shè)置，然后進行設(shè)置
然后就可以了，不報錯了
創(chuàng)建Vue3項目后語法報錯
碎碎念
閑來無事，搭建一個Vue3項目練練手，搭建完成后發(fā)現(xiàn)項目里語法檢測報錯
說下解決
Visual Studio Code左側(cè)活動欄找到擴展，搜索vetur（代碼格式化插件）
然后點擊管理 => 擴展設(shè)置
搜索vetur>validation>template，取消vetur>validation>template的勾選
這個時候報錯就消失了
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue3鼠標(biāo)拖拽滑動效果實現(xiàn)demo
這篇文章主要為大家介紹了vue3鼠標(biāo)拖拽滑動效果實現(xiàn)demo,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-12-12
這篇文章主要介紹了vue 獲取視頻時長的實例代碼，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-08-08
Vue 路由間跳轉(zhuǎn)和新開窗口的方式（query、params）
這篇文章主要介紹了Vue 路由間跳轉(zhuǎn)和新開窗口的方式，本文主要通過query方式和params方式介紹,需要的朋友可以參考下2019-12-12
一文詳解vue-router如何實現(xiàn)動態(tài)路由
在構(gòu)建基于Vue.js的單頁面應(yīng)用（SPA）時,Vue?Router是一個不可或缺的工具,本文將詳細介紹動態(tài)路由的概念與作用及其在Vue?Router中的具體實現(xiàn),需要的可以參考下2024-11-11
使用Vue3創(chuàng)建多布局系統(tǒng)的三種方法
布局是中大型網(wǎng)站或應(yīng)用的基礎(chǔ),假設(shè)你正在創(chuàng)建一個網(wǎng)頁應(yīng)用,它包括主頁、營銷頁面和應(yīng)用頁面,你不會想要為每一頁重復(fù)所有的工作,對吧,與Nuxt不同,Vue 3并沒有內(nèi)置的布局系統(tǒng),但是別擔(dān)心,這里將向你展示3種簡單的方法來實現(xiàn)這一點,需要的朋友可以參考下2023-08-08
在Vue3.5版本中最大的改動就是響應(yīng)式重構(gòu),重構(gòu)后性能竟然炸裂的提升了56%,本文我們來講講使用雙向鏈表后,Vue內(nèi)部是如何實現(xiàn)依賴收集和依賴觸發(fā)的,感興趣的可以了解下2024-11-11
vue中想要mock數(shù)據(jù)在線上環(huán)境生效如何操作
本文主要介紹了在配置了mock數(shù)據(jù)之后在線上環(huán)境使用,主要通過在main.ts文件中注冊和vite.config.ts文件夾中配置插件來實現(xiàn),感興趣的可以了解一下2025-01-01
這篇文章主要介紹了vue全局自定義指令和局部自定義指令的使用，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-01-01
前端低代碼form-generator實現(xiàn)及新增自定義組件詳解
這篇文章主要給大家介紹了關(guān)于前端低代碼form-generator實現(xiàn)及新增自定義組件的相關(guān)資料,form-generator是一個開源的表單生成器,可以幫助我們快速構(gòu)建各種表單頁面,需要的朋友可以參考下2023-11-11
vue2前端調(diào)用WebSocket有消息進行通知代碼示例
在Vue項目中實現(xiàn)全局的消息鏈接監(jiān)聽主要涉及到了WebSocket技術(shù),這是一種雙向通信協(xié)議,允許客戶端與服務(wù)器之間實時、高效地交換數(shù)據(jù),這篇文章主要給大家介紹了關(guān)于vue2前端調(diào)用WebSocket有消息進行通知的相關(guān)資料,需要的朋友可以參考下2024-07-07