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

完美解決vue中報錯?“TypeError:?Cannot?read?properties?of?null?(reading'forEach')“

 更新時間：2023年02月08日 14:33:45   作者：水星記_  
這篇文章主要介紹了完美解決vue中報錯?“TypeError:?Cannot?read?properties?of?null?(reading?‘forEach‘)“,本文給大家分享詳細(xì)解決方案，需要的朋友可以參考下

完美解決vue中報錯 “TypeError: Cannot read properties of null (reading ‘forEach‘)“

報錯截圖：

在這里插入圖片描述

報錯原因：

上圖的報錯翻譯過來其實(shí)就是無法讀取 null 的屬性。簡單來說就是循環(huán)遍歷的數(shù)組是 null 值，而一旦循環(huán)遍歷的數(shù)組為 null 值的同時再使用 forEach 方法遍歷數(shù)組就會出現(xiàn)此報錯。

解決方案：

知道報錯的原因，那么問題也就能迎刃而解了，由于之前是因?yàn)?null 值的問題才導(dǎo)致循環(huán)遍歷報錯，那么我們完全可以在進(jìn)入循環(huán)遍歷之前將要循環(huán)遍歷的數(shù)組做一個非空判斷，如下代碼：

未修改代碼：

res.data.forEach((item) => {
  // 執(zhí)行操作
});

加上非空判斷后：

// 循環(huán)遍歷之前加上非空判斷
if (res.data) {
  res.data.forEach((item) => {
    // 執(zhí)行操作
  });
}

補(bǔ)充：vue 報 Cannot read property ‘prototype‘ of undefined

報錯信息： Cannot read property 'prototype' of undefined

這個錯 可能是 js 引入順序問題造成的 也有可能是 引入 elemen-ui造成的 。還有可能是 其它 問題造成的。

vue3 需要引入 element-plus ，引入 element-ui 也會報這個錯

引入順序問題：

在 public/index.html 中引入 ElementUI 的 js 時，前面沒有加 Vue.js 的引入。這里我們在前面加入 Vue.js 的引入即可。

<script src="https://cdn.jsdelivr.net/npm/vue"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/element-ui/2.9.2/index.js"></script>

解決方案：

代碼報錯主要是因?yàn)関ue引用順序不當(dāng)導(dǎo)致的，或者是webpack打包時使用import引入vue,element卻使用script引入也會出現(xiàn)這個問題 （引入js的順序不合適）。

將vue引用放在最前面可避免這個問題。

先引入 vue 或者 vue.js 如果是 ui庫 要先引入 js再引入 css 。

到此這篇關(guān)于完美解決vue中報錯 “TypeError: Cannot read properties of null (reading ‘forEach‘)“的文章就介紹到這了,更多相關(guān)vue中報錯Cannot read properties of null 內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論