資訊專欄INFORMATION COLUMN
前言
學(xué)習(xí)中有一種方式就是錯(cuò)題匯總，在學(xué)習(xí)代碼，日常書寫代碼中對(duì)于遇到報(bào)錯(cuò)，也要匯總，這樣可以在以后編碼過程中避免或解決這些問題。
一、報(bào)錯(cuò)結(jié)構(gòu)
首先對(duì)于報(bào)錯(cuò)分為：錯(cuò)誤類型、錯(cuò)誤位置、錯(cuò)誤描述、錯(cuò)誤規(guī)則和問題數(shù)量。
如上圖：
報(bào)錯(cuò)類型為編譯錯(cuò)誤；
錯(cuò)誤位置在D:\myel\src\views\admin\AdminView.vue中的第四行第2個(gè)字符；（報(bào)錯(cuò)位置不一定每次都是準(zhǔn)確的，但是可以根據(jù)提示縮小范圍）
錯(cuò)誤描述 當(dāng)前錯(cuò)誤Mixed spaces and tabs指space空格和tab空格混合了（可根據(jù)翻譯來判斷錯(cuò)誤）；
錯(cuò)誤規(guī)則 no-mixed-spaces-and-tabs指space空格和tab空格不能混合使用；
錯(cuò)誤數(shù)量 統(tǒng)計(jì)當(dāng)前有幾個(gè)報(bào)錯(cuò) error需要解決，warning根據(jù)實(shí)際情況看需不需要立即解決。
二、常見問題總結(jié)及解決方法
Mixed spaces and tabs
空格混合使用了
解決方法：1、在當(dāng)前頁面格式化代碼 2、在.eslintrc.js文件的rules中添加"no-mixed-spaces-and-tabs": "off"
Unexpected keyword 'const'
沒有預(yù)料到的關(guān)鍵字const
詳細(xì)看上述幾行代碼，可以觀察到 53行結(jié)尾的應(yīng)為分號(hào)寫成了逗號(hào)
解決辦法：將53行逗號(hào)改為分號(hào)
Module not found: Error: Can't resolve '....' in '....'
模塊找不到：不能resolve（兌現(xiàn)，發(fā)現(xiàn)，解決）../views/admin/DashVeiw.vue
在D:\myel\src\router
一般對(duì)于這種情況就是路由器路徑錯(cuò)誤。
解決辦法：將路徑改為正確路徑（小技巧：使用自動(dòng)提示的路徑或者復(fù)制文件名，避免手誤打錯(cuò)）
Element is missing end tag
這里就是元素缺少一個(gè)結(jié)束標(biāo)簽
是當(dāng)前文件的<div class="login">缺少后半個(gè)</div>
解決方法：分析好html的結(jié)構(gòu)，將缺少的結(jié)束標(biāo)簽添加上
TypeError: Cannot read properties of undefined (reading '...')
不能讀取undefined的屬性
原因是掛載時(shí)有dom節(jié)點(diǎn)但是數(shù)據(jù)還沒獲取，當(dāng)時(shí)那個(gè)數(shù)據(jù)可能為空
解決方法：在當(dāng)前標(biāo)簽（同時(shí)用了v-for的話就上一級(jí)標(biāo)簽）加上v-if判斷該數(shù)據(jù)是否存在
用[]或.指定數(shù)據(jù)時(shí)都可能會(huì)出現(xiàn)這個(gè)錯(cuò)誤，要記得使用v-if
TypeError: ...forEach is not a function
...沒有forEach方法
由此可見當(dāng)前數(shù)組不是數(shù)據(jù)
解決方法：分析數(shù)據(jù)的結(jié)構(gòu)，找到真正需要遍歷的對(duì)象
'...' is not defined / no-undef
...沒有定義
解決辦法：找到報(bào)錯(cuò)位置，按照提示導(dǎo)入相應(yīng)關(guān)鍵字
以上就是關(guān)于 Vue常見報(bào)錯(cuò)的匯總，您要是遇見其他報(bào)錯(cuò)也會(huì)留言一起討論。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/130287.html
摘要：表示錯(cuò)誤沒有被語句捕獲，是錯(cuò)誤的名字。如何修復(fù)錯(cuò)誤確保方法名正確。這個(gè)錯(cuò)誤的行號(hào)將指出正確的位置。相關(guān)錯(cuò)誤代碼調(diào)用的方法在當(dāng)前狀態(tài)無法調(diào)用。通常由引起，在方法準(zhǔn)備完畢之前調(diào)用它會(huì)引起錯(cuò)誤。原文翻譯出處涂鴉碼農(nóng)錯(cuò)誤以及如何修復(fù) （看到一篇調(diào)試JS很有用的文章，收藏一下） JavaScript 調(diào)試是一場(chǎng)噩夢(mèng)：首先給出的錯(cuò)誤非常難以理解，其次給出的行號(hào)不總有幫助。有個(gè)查找錯(cuò)誤含義，及修復(fù)...
摘要：原文地址一個(gè)非常適合入門學(xué)習(xí)的博客項(xiàng)目前端掘金一個(gè)非常適合入門學(xué)習(xí)的項(xiàng)目，代碼清晰結(jié)構(gòu)合理新聞前端掘金介紹一個(gè)由編寫的新聞。深入淺出讀書筆記知乎專欄前端專欄前端掘金去年的一篇老文章，恰好今天專欄開通，遷移過來。 破解前端面試（80% 應(yīng)聘者不及格系列）：從閉包說起 - 掘金修訂說明：發(fā)布《80% 應(yīng)聘者都不及格的 JS 面試題》之后，全網(wǎng)閱讀量超過 6W，在知乎、掘金、cnodejs ...
摘要：原文地址一個(gè)非常適合入門學(xué)習(xí)的博客項(xiàng)目前端掘金一個(gè)非常適合入門學(xué)習(xí)的項(xiàng)目，代碼清晰結(jié)構(gòu)合理新聞前端掘金介紹一個(gè)由編寫的新聞。深入淺出讀書筆記知乎專欄前端專欄前端掘金去年的一篇老文章，恰好今天專欄開通，遷移過來。 破解前端面試（80% 應(yīng)聘者不及格系列）：從閉包說起 - 掘金修訂說明：發(fā)布《80% 應(yīng)聘者都不及格的 JS 面試題》之后，全網(wǎng)閱讀量超過 6W，在知乎、掘金、cnodejs ...
摘要：包中的一個(gè)模塊可以采用相對(duì)路徑導(dǎo)入包，不影響模塊功能一個(gè)腳本未成為模塊，即其目錄及父目錄內(nèi)無可以采用相對(duì)路徑導(dǎo)入包，并以腳本模式運(yùn)行。參考相對(duì)導(dǎo)入與絕對(duì)導(dǎo)入 絕對(duì)路徑導(dǎo)入格式為import a.b或者from a import b，相對(duì)路徑導(dǎo)入格式為from . import b或者from ..a import b。 python2默認(rèn)為相對(duì)路徑導(dǎo)入，python3默認(rèn)為絕對(duì)路徑導(dǎo)...
摘要：組件中使用定時(shí)器及銷毀問題如果我們?cè)陧撁嬷惺褂昧艘粋€(gè)定時(shí)器，當(dāng)從頁面跳轉(zhuǎn)到頁面時(shí)，如果不手動(dòng)清除這個(gè)定時(shí)器，那么它仍舊會(huì)執(zhí)行，這不是我們所期望的。 公司年初開始從jquery轉(zhuǎn)型到vue開發(fā)，思想上從jquery的操作DOM到vue的操作數(shù)據(jù)，剛開始還不太習(xí)慣，但用了一段時(shí)間發(fā)現(xiàn)確實(shí)比較方便。在剛開始用vue的時(shí)候，也踩了一些坑，現(xiàn)在分享出來，供剛?cè)腴T上手開發(fā)vue的朋友參考，都是一些...
閱讀 506·2023-03-27 18:33
閱讀 709·2023-03-26 17:27
閱讀 607·2023-03-26 17:14
閱讀 577·2023-03-17 21:13
閱讀 503·2023-03-17 08:28
閱讀 1755·2023-02-27 22:32
閱讀 1262·2023-02-27 22:27
閱讀 2067·2023-01-20 08:28
