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