欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Vue常見報錯以及解決方案實例總結(jié)

 更新時間:2022年07月07日 16:33:13   作者:Me-Wow!  
最近做了一個比較老的vue項目,啟動居然各種報錯,下面這篇文章主要給大家介紹了關(guān)于Vue常見報錯以及解決方案的相關(guān)資料,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下

前言

寫代碼的過程中一定會遇到報錯,遇到報錯不要擔(dān)心,認(rèn)真分析就可以解決報錯,同時積累經(jīng)驗,早日成為大牛?? 本文會整理一些在編碼過程中遇到的常見報錯,共同學(xué)習(xí)。

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

報錯信息一般會包含這幾部分:錯誤類型、錯誤位置、錯誤描述、錯誤規(guī)則和問題數(shù)量。

如上圖:

報錯類型為編譯錯誤;

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

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

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

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

二、常見問題總結(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ì)看這幾行代碼就可以發(fā)現(xiàn), 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

 這種情況一般是路由中配置的文件路徑寫錯了

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

 Element is missing end tag

元素缺少一個結(jié)束標(biāo)簽

是當(dāng)前文件的<div class="login">缺少后半個</div>

 解決方法:分析好html的結(jié)構(gòu),將缺少的結(jié)束標(biāo)簽添加上

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

不能讀取undefined的屬性

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

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

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

TypeError: ...forEach is not a function

...沒有forEach方法

當(dāng)前數(shù)據(jù)不是個數(shù)組

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

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

...沒有定義

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

總結(jié)

到此這篇關(guān)于Vue常見報錯以及解決的文章就介紹到這了,更多相關(guān)Vue常見報錯解決內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • Vue路由Hash模式分析

    Vue路由Hash模式分析

    Vue-router是Vue的核心組件,主要是作為Vue的路由管理器,Vue-router默認(rèn)hash模式,本文講給大家詳細(xì)分析Vue路由Hash模式,文中有相關(guān)的代碼示例供大家參考,感興趣的同學(xué)可以借鑒一下
    2023-06-06
  • Vue項目webpack打包部署到服務(wù)器的實例詳解

    Vue項目webpack打包部署到服務(wù)器的實例詳解

    這篇文章主要介紹了Vue項目webpack打包部署到服務(wù)器的實例詳解的相關(guān)資料,需要的朋友可以參考下
    2017-07-07
  • 詳解Vue2的diff算法

    詳解Vue2的diff算法

    這篇文章主要介紹了Vue2的diff算法的相關(guān)資料,幫助大家更好的理解和使用vue框架,感興趣的朋友可以了解下
    2021-01-01
  • vuex vue簡單使用知識點總結(jié)

    vuex vue簡單使用知識點總結(jié)

    在本篇文章里小編給大家整理了關(guān)于vuex vue簡單使用知識點總結(jié),有需要的朋友們可以參考下。
    2019-08-08
  • el-table點擊某一行高亮并顯示小圓點的實現(xiàn)代碼

    el-table點擊某一行高亮并顯示小圓點的實現(xiàn)代碼

    這篇文章主要介紹了el-table點擊某一行高亮并顯示小圓點,本文通過實例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2022-08-08
  • 詳解vue.js全局組件和局部組件

    詳解vue.js全局組件和局部組件

    這篇文章主要介紹了詳解vue.js全局組件和局部組件,實例分析了全局組件和局部的技巧,有興趣的可以了解一下。
    2017-04-04
  • vue3使用element-plus中el-table組件報錯關(guān)鍵字'emitsOptions'與'insertBefore'分析

    vue3使用element-plus中el-table組件報錯關(guān)鍵字'emitsOptions'與&

    這篇文章主要給大家介紹了關(guān)于vue3使用element-plus中el-table組件報錯關(guān)鍵字'emitsOptions'與'insertBefore'的相關(guān)資料,文中將解決方法介紹的非常詳細(xì),需要的朋友可以參考下
    2022-10-10
  • vue checkbox 全選 數(shù)據(jù)的綁定及獲取和計算方法

    vue checkbox 全選 數(shù)據(jù)的綁定及獲取和計算方法

    下面小編就為大家分享一篇vue checkbox 全選 數(shù)據(jù)的綁定及獲取和計算方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-02-02
  • vue中通過使用$attrs實現(xiàn)組件之間的數(shù)據(jù)傳遞功能

    vue中通過使用$attrs實現(xiàn)組件之間的數(shù)據(jù)傳遞功能

    組件之間傳遞數(shù)據(jù)的方式有很多種,之所以有這么多種方式,是為了滿足在不同場景不同條件下的使用。這篇文章主要介紹了vue中通過使用$attrs實現(xiàn)組件之間的數(shù)據(jù)傳遞,需要的朋友可以參考下
    2019-09-09
  • 一步一步實現(xiàn)Vue的響應(yīng)式(對象觀測)

    一步一步實現(xiàn)Vue的響應(yīng)式(對象觀測)

    這篇文章主要介紹了一步一步實現(xiàn)Vue的響應(yīng)式(對象觀測),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-09-09

最新評論