Vue+Echarts報錯Cannot?set?properties?of?undefined?(setting?‘plate‘)
Vue+Echarts報錯Cannot set properties of undefined (setting ‘plate‘)
代碼：
報錯信息：
上面的報錯主要是：
Cannot set properties of undefined (setting ‘plate’)
翻譯之后就是：無法設(shè)置未定義的屬性（設(shè)置“plate”）(這里plate是在this里面定義的一個屬性)
從這就能大概猜出是因為獲取不到data里定義的這個屬性造成的（具體就是this指向問題）
第一次解決問題
原本我以為定義一個that方法把他指向給this就行，結(jié)果還是報錯了
第二次解決問題
仔細(xì)檢查了一下，發(fā)現(xiàn)是formatter造成的，改成箭頭函數(shù)就可以直接獲取到data定義的內(nèi)容
Vue引入Echarts報錯解決
在Vue項目中引入Echart（使用npm install指令）的時候報錯：
PS G:> npm install
npm WARN old lockfile
npm WARN old lockfile The package-lock.json file was created with an old version of npm,
npm WARN old lockfile so supplemental metadata must be fetched from the registry.
npm WARN old lockfile This is a one-time fix-up, please be patient...
npm WARN old lockfile
npm ERR! code EINVALIDPACKAGENAME
npm ERR! Invalid package name "_@ampproject_remapping@2.1.2@@ampproject": name cannot start with an underscore; name can only contain URL-friendly charactersnpm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\勝勝\AppData\Local\npm-cache\_logs\2022-04-08T15_40_42_658Z-debug.log
原因是package-lock.json這個文件在創(chuàng)建的時候使用了舊版本的npm，其必須從注冊表中獲取補(bǔ)充元數(shù)據(jù)。
使用cnpm install指令即可順利安裝相應(yīng)的依賴。
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue使用keep-alive無效以及include和exclude用法解讀
這篇文章主要介紹了vue使用keep-alive無效以及include和exclude用法解讀，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-07-07
這篇文章主要為大家詳細(xì)介紹了VUE使用canvas實現(xiàn)簽名組件，兼容PC移動端，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
在寫vue項目時想到一個問題,項目里面的文件都是一個個的組件,如何在控制臺中修改,查看組件data里的值呢,下面這篇文章主要給大家介紹了關(guān)于Vue如何通過瀏覽器控制臺查看全局data值的相關(guān)資料,需要的朋友可以參考下2023-04-04
這篇文章主要介紹了Vue中$on和$emit的實現(xiàn)原理分析，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05
這篇文章主要介紹了淺談一下Vue技術(shù)棧之生命周期,每一個vue實例從創(chuàng)建到銷毀的過程，就是這個vue實例的生命周期,這些過程中會伴隨著一些函數(shù)的自調(diào)用,需要的朋友可以參考下2023-05-05
彈窗是我們開發(fā)中經(jīng)常遇到的一個功能,下面這篇文章主要給大家介紹了關(guān)于vue如何通過點擊事件彈出彈窗頁面的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-06-06
vuex是專門為Vue.js應(yīng)用程序開發(fā)的狀態(tài)管理模式,下面這篇文章主要給大家介紹了關(guān)于vuex中5個屬性使用方法的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-04-04
這篇文章主要為大家詳細(xì)介紹了vue實現(xiàn)分頁的三種效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-06-06
在Vue開發(fā)中,父組件和子組件之間的數(shù)據(jù)傳遞是一項常見的任務(wù),本文將介紹如何在Vue中實現(xiàn)父組件控制子組件的值,以便靈活地管理和更新子組件的數(shù)據(jù),文中有詳細(xì)的代碼講解,需要的朋友可以參考下2023-11-11
在看這篇文章的幾點要求：需要你先知道Vue-Router是個什么東西，用來解決什么問題，以及它的基本使用。如果你還不懂的話，建議上官網(wǎng)了解下Vue-Router的基本使用后再回來看這篇文章2022-09-09