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ī)則就不會顯現(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)目里語法檢測報(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)文章
ElementUI日期選擇器時(shí)間選擇范圍限制的實(shí)現(xiàn)
在日常開發(fā)中,我們會遇到一些情況,限制日期的范圍的選擇,本文就詳細(xì)的介紹了ElementUI日期選擇器時(shí)間選擇范圍限制的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),感興趣的可以了解一下2022-04-04Vue3+Canvas實(shí)現(xiàn)坦克大戰(zhàn)游戲(一)
這篇文章將利用Vue3和Canvas編寫一個(gè)童年經(jīng)典游戲—坦克大戰(zhàn),文中的示例代碼講解詳細(xì),感興趣的小伙伴快來跟隨小編一起學(xué)習(xí)一下吧2022-03-03Vue 使用html、css實(shí)現(xiàn)魚骨組件圖
這篇文章主要介紹了Vue 使用html、css實(shí)現(xiàn)魚骨組件圖,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友跟隨小編一起看看吧2024-07-07解決Vue2.0中使用less給元素添加背景圖片出現(xiàn)的問題
今天小編就為大家分享一篇解決Vue2.0中使用less給元素添加背景圖片出現(xiàn)的問題,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09VUE3中引入.env下的環(huán)境變量,顯示process未定義問題
這篇文章主要介紹了VUE3中引入.env下的環(huán)境變量,顯示process未定義問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2025-04-04