亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

匯總Vue常見報錯以及解決方案實例

3403771864 / 979人閱讀

　　前言

　　學習中有一種方式就是錯題匯總，在學習代碼，日常書寫代碼中對于遇到報錯，也要匯總，這樣可以在以后編碼過程中避免或解決這些問題。

　　一、報錯結(jié)構(gòu)

　　首先對于報錯分為：錯誤類型、錯誤位置、錯誤描述、錯誤規(guī)則和問題數(shù)量。

1.png

　　如上圖：

　　報錯類型為編譯錯誤；

　　錯誤位置在D:\myel\src\views\admin\AdminView.vue中的第四行第2個字符；（報錯位置不一定每次都是準確的，但是可以根據(jù)提示縮小范圍）

　　錯誤描述 當前錯誤Mixed spaces and tabs指space空格和tab空格混合了（可根據(jù)翻譯來判斷錯誤）；

　　錯誤規(guī)則 no-mixed-spaces-and-tabs指space空格和tab空格不能混合使用；

　　錯誤數(shù)量 統(tǒng)計當前有幾個報錯 error需要解決，warning根據(jù)實際情況看需不需要立即解決。

　　二、常見問題總結(jié)及解決方法

　　Mixed spaces and tabs

　　空格混合使用了

2.png

　　解決方法：1、在當前頁面格式化代碼 2、在.eslintrc.js文件的rules中添加"no-mixed-spaces-and-tabs": "off"

　　Unexpected keyword 'const'

　　沒有預(yù)料到的關(guān)鍵字const

3.jpg

　　詳細看上述幾行代碼，可以觀察到 53行結(jié)尾的應(yīng)為分號寫成了逗號

　　解決辦法：將53行逗號改為分號

　　Module not found: Error: Can't resolve '....' in '....'

　　模塊找不到：不能resolve（兌現(xiàn)，發(fā)現(xiàn)，解決）../views/admin/DashVeiw.vue

　　在D:\myel\src\router

4.png

　　一般對于這種情況就是路由器路徑錯誤。

　　解決辦法：將路徑改為正確路徑（小技巧：使用自動提示的路徑或者復(fù)制文件名，避免手誤打錯）

　　Element is missing end tag

　　這里就是元素缺少一個結(jié)束標簽

5.png

　　是當前文件的<div class="login">缺少后半個</div>

　　解決方法：分析好html的結(jié)構(gòu)，將缺少的結(jié)束標簽添加上

　　TypeError: Cannot read properties of undefined (reading '...')

　　不能讀取undefined的屬性

6.png

　　原因是掛載時有dom節(jié)點但是數(shù)據(jù)還沒獲取，當時那個數(shù)據(jù)可能為空

　　解決方法：在當前標簽（同時用了v-for的話就上一級標簽）加上v-if判斷該數(shù)據(jù)是否存在

　　用[]或.指定數(shù)據(jù)時都可能會出現(xiàn)這個錯誤，要記得使用v-if

　　TypeError: ...forEach is not a function

　　...沒有forEach方法

6.jpg

　　由此可見當前數(shù)組不是數(shù)據(jù)

　　 解決方法：分析數(shù)據(jù)的結(jié)構(gòu)，找到真正需要遍歷的對象

　　'...' is not defined / no-undef

　　...沒有定義

7.png

　　 解決辦法：找到報錯位置，按照提示導(dǎo)入相應(yīng)關(guān)鍵字

        以上就是關(guān)于 Vue常見報錯的匯總，您要是遇見其他報錯也會留言一起討論。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/130287.html

相關(guān)文章

  • JavaScript 調(diào)試常見報錯以及修復(fù)方法

    摘要：表示錯誤沒有被語句捕獲，是錯誤的名字。如何修復(fù)錯誤確保方法名正確。這個錯誤的行號將指出正確的位置。相關(guān)錯誤代碼調(diào)用的方法在當前狀態(tài)無法調(diào)用。通常由引起，在方法準備完畢之前調(diào)用它會引起錯誤。原文翻譯出處涂鴉碼農(nóng)錯誤以及如何修復(fù) （看到一篇調(diào)試JS很有用的文章，收藏一下） JavaScript 調(diào)試是一場噩夢：首先給出的錯誤非常難以理解，其次給出的行號不總有幫助。有個查找錯誤含義，及修復(fù)...

    zhongmeizhi 評論0 收藏0

  • 前端補集 - 收藏集 - 掘金

    摘要：原文地址一個非常適合入門學習的博客項目前端掘金一個非常適合入門學習的項目，代碼清晰結(jié)構(gòu)合理新聞前端掘金介紹一個由編寫的新聞。深入淺出讀書筆記知乎專欄前端專欄前端掘金去年的一篇老文章，恰好今天專欄開通，遷移過來。 破解前端面試（80% 應(yīng)聘者不及格系列）：從閉包說起 - 掘金修訂說明：發(fā)布《80% 應(yīng)聘者都不及格的 JS 面試題》之后，全網(wǎng)閱讀量超過 6W，在知乎、掘金、cnodejs ...

    YorkChen 評論0 收藏0

  • 前端補集 - 收藏集 - 掘金

    摘要：原文地址一個非常適合入門學習的博客項目前端掘金一個非常適合入門學習的項目，代碼清晰結(jié)構(gòu)合理新聞前端掘金介紹一個由編寫的新聞。深入淺出讀書筆記知乎專欄前端專欄前端掘金去年的一篇老文章，恰好今天專欄開通，遷移過來。 破解前端面試（80% 應(yīng)聘者不及格系列）：從閉包說起 - 掘金修訂說明：發(fā)布《80% 應(yīng)聘者都不及格的 JS 面試題》之后，全網(wǎng)閱讀量超過 6W，在知乎、掘金、cnodejs ...

    AbnerMing 評論0 收藏0

  • python包相對導(dǎo)入

    摘要：包中的一個模塊可以采用相對路徑導(dǎo)入包，不影響模塊功能一個腳本未成為模塊，即其目錄及父目錄內(nèi)無可以采用相對路徑導(dǎo)入包，并以腳本模式運行。參考相對導(dǎo)入與絕對導(dǎo)入 絕對路徑導(dǎo)入格式為import a.b或者from a import b，相對路徑導(dǎo)入格式為from . import b或者from ..a import b。 python2默認為相對路徑導(dǎo)入，python3默認為絕對路徑導(dǎo)...

    crossoverJie 評論0 收藏0

  • vue 開發(fā)中遇到的問題匯總（踩坑指南）

    摘要：組件中使用定時器及銷毀問題如果我們在頁面中使用了一個定時器，當從頁面跳轉(zhuǎn)到頁面時，如果不手動清除這個定時器，那么它仍舊會執(zhí)行，這不是我們所期望的。 公司年初開始從jquery轉(zhuǎn)型到vue開發(fā)，思想上從jquery的操作DOM到vue的操作數(shù)據(jù)，剛開始還不太習慣，但用了一段時間發(fā)現(xiàn)確實比較方便。在剛開始用vue的時候，也踩了一些坑，現(xiàn)在分享出來，供剛?cè)腴T上手開發(fā)vue的朋友參考，都是一些...

    wean 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<