Vue常見報(bào)錯(cuò)整理大全(從此報(bào)錯(cuò)不害怕)
整理一下Vue中一些常見的報(bào)錯(cuò)和bug,以及解決辦法
示例1(文件名/路徑發(fā)生錯(cuò)誤)
Compiled with problems:———編譯問題:
ERROR in ./src/router/index.ts 10:19-57
錯(cuò)誤發(fā)生在 ./src/router/index.ts 第10行第19個(gè)字符到57字符
Module not found: Error: Can't resolve '../views/admin/AdminVeiw.vue' in 'C:\myel\src\router'
模塊找不的 不能resolve(兌現(xiàn),發(fā)現(xiàn),解決)../views/admin/AdminVeiw.vue
在C:\myel\src\router
示例2(標(biāo)簽不完整)
ERROR in ./src/views/HomeView.vue
錯(cuò)誤發(fā)生在HomeView.vue
VueCompilerError: Element is missing end tag.
標(biāo)簽沒有結(jié)束標(biāo)簽
當(dāng)看到這個(gè)報(bào)錯(cuò),不要慌,你只是缺少了結(jié)束標(biāo)簽,把它補(bǔ)充上就好了
示例3(error 'xxx' is not defind)
C:\youmi\src\views\AboutView.vue
出錯(cuò)的文件路徑
16:17 error 'reactive' is not defined no-undef
第16行17字符錯(cuò)誤 reactive 沒有定義
示例4(unknown mutation type: changeA)
[vuex] unknown mutation type: changeA
vuex 找不到一個(gè)叫changeA的mutations
示例5(Attribute name cannot contain U+0022 ("), U+0027 ('), and U+003C (<).)
ERROR in ./src/views/AboutView.vue
在AboutView發(fā)生錯(cuò)誤
VueCompilerError: Attribute name cannot contain U+0022 ("), U+0027 ('), and U+003C (<).
編譯錯(cuò)誤:屬性name 不能不包含 (“),(‘)(<)
示例6(TypeError:Assignment to constant variable.)
const 不能重復(fù)賦值
示例7(error 'check' is assigned a value but never used )
error 'check' is assigned a value but never used no-unused-vars
'check' 被定義但沒有被調(diào)用
示例8(no-mixed-spaces-tabs)
Compiled with problems:
編譯問題
C:\myel\src\views\HomeView.vue
錯(cuò)誤出現(xiàn)文件
3:1 error Mixed spaces and tabs no-mixed-spaces-and-tabs
4:1 error Mixed spaces and tabs no-mixed-spaces-and-tabs
第3行的第一個(gè)字符
第4函的第一個(gè)字符
Mixed spaces and tabs
錯(cuò)誤原因:混合的空格與tab
no-mixed-spaces-and-tabs
錯(cuò)誤規(guī)則: no-mixed-spaces-and-tabs 不準(zhǔn)混空格與tab
總結(jié)
到此這篇關(guān)于Vue常見報(bào)錯(cuò)整理的文章就介紹到這了,更多相關(guān)Vue常見報(bào)錯(cuò)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
利用Vue模擬實(shí)現(xiàn)element-ui的分頁器效果
這篇文章主要為大家詳細(xì)介紹了如何利用Vue模擬實(shí)現(xiàn)element-ui的分頁器效果,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以動(dòng)手嘗試一下2022-11-11Vue導(dǎo)入Echarts實(shí)現(xiàn)散點(diǎn)圖
這篇文章主要為大家詳細(xì)介紹了Vue導(dǎo)入Echarts實(shí)現(xiàn)散點(diǎn)圖,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-12-12詳解Vue如何實(shí)現(xiàn)響應(yīng)式布局
這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)響應(yīng)式布局的兩種方法,文中的示例代碼講解詳細(xì),具有一定的學(xué)習(xí)價(jià)值,感興趣的小伙伴可以跟隨小編一起了解一下2023-12-12vue插槽slot的簡(jiǎn)單理解與用法實(shí)例分析
這篇文章主要介紹了vue插槽slot的簡(jiǎn)單理解與用法,結(jié)合實(shí)例形式分析了vue插槽slot的功能、原理、相關(guān)使用技巧與操作注意事項(xiàng),需要的朋友可以參考下2020-03-03Vue實(shí)現(xiàn)簡(jiǎn)單購物車小案例
這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)簡(jiǎn)單購物車小案例,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-10-10vue項(xiàng)目每30秒刷新1次接口的實(shí)現(xiàn)方法
在vue.js項(xiàng)目中,經(jīng)常需要對(duì)數(shù)據(jù)實(shí)時(shí)更新——每隔xx秒需要刷新一次接口——即需要用到定時(shí)器相關(guān)原理。這篇文章主要介紹了vue項(xiàng)目每30秒刷新1次接口的實(shí)現(xiàn)方法,需要的朋友可以參考下2018-12-12vue+node+socket io實(shí)現(xiàn)多人互動(dòng)并發(fā)布上線全流程
這篇文章主要介紹了vue+node+socket io實(shí)現(xiàn)多人互動(dòng)并發(fā)布上線全流程,本文給大家提到了socket.io相關(guān)用法概覽及開發(fā)流程,需要的朋友可以參考下2021-09-09