Vue+Echarts報(bào)錯(cuò)Cannot?set?properties?of?undefined?(setting?‘plate‘)
Vue+Echarts報(bào)錯(cuò)Cannot set properties of undefined (setting ‘plate‘)
代碼：
報(bào)錯(cuò)信息：
上面的報(bào)錯(cuò)主要是：
Cannot set properties of undefined (setting ‘plate’)
翻譯之后就是：無(wú)法設(shè)置未定義的屬性（設(shè)置“plate”）(這里plate是在this里面定義的一個(gè)屬性)
從這就能大概猜出是因?yàn)楂@取不到data里定義的這個(gè)屬性造成的（具體就是this指向問(wèn)題）
第一次解決問(wèn)題
原本我以為定義一個(gè)that方法把他指向給this就行，結(jié)果還是報(bào)錯(cuò)了
第二次解決問(wèn)題
仔細(xì)檢查了一下，發(fā)現(xiàn)是formatter造成的，改成箭頭函數(shù)就可以直接獲取到data定義的內(nèi)容
Vue引入Echarts報(bào)錯(cuò)解決
在Vue項(xiàng)目中引入Echart（使用npm install指令）的時(shí)候報(bào)錯(cuò)：
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這個(gè)文件在創(chuàng)建的時(shí)候使用了舊版本的npm，其必須從注冊(cè)表中獲取補(bǔ)充元數(shù)據(jù)。
使用cnpm install指令即可順利安裝相應(yīng)的依賴(lài)。
以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue使用keep-alive無(wú)效以及include和exclude用法解讀
這篇文章主要介紹了vue使用keep-alive無(wú)效以及include和exclude用法解讀，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-07-07
這篇文章主要為大家詳細(xì)介紹了VUE使用canvas實(shí)現(xiàn)簽名組件，兼容PC移動(dòng)端，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
Vue如何通過(guò)瀏覽器控制臺(tái)查看全局data值
在寫(xiě)vue項(xiàng)目時(shí)想到一個(gè)問(wèn)題,項(xiàng)目里面的文件都是一個(gè)個(gè)的組件,如何在控制臺(tái)中修改,查看組件data里的值呢,下面這篇文章主要給大家介紹了關(guān)于Vue如何通過(guò)瀏覽器控制臺(tái)查看全局data值的相關(guān)資料,需要的朋友可以參考下2023-04-04
Vue中$on和$emit的實(shí)現(xiàn)原理分析
這篇文章主要介紹了Vue中$on和$emit的實(shí)現(xiàn)原理分析，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2022-05-05
這篇文章主要介紹了淺談一下Vue技術(shù)棧之生命周期,每一個(gè)vue實(shí)例從創(chuàng)建到銷(xiāo)毀的過(guò)程，就是這個(gè)vue實(shí)例的生命周期,這些過(guò)程中會(huì)伴隨著一些函數(shù)的自調(diào)用,需要的朋友可以參考下2023-05-05
vue如何通過(guò)點(diǎn)擊事件彈出彈窗頁(yè)面詳解
彈窗是我們開(kāi)發(fā)中經(jīng)常遇到的一個(gè)功能,下面這篇文章主要給大家介紹了關(guān)于vue如何通過(guò)點(diǎn)擊事件彈出彈窗頁(yè)面的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-06-06
vuex是專(zhuān)門(mén)為Vue.js應(yīng)用程序開(kāi)發(fā)的狀態(tài)管理模式,下面這篇文章主要給大家介紹了關(guān)于vuex中5個(gè)屬性使用方法的相關(guān)資料,文中通過(guò)實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-04-04
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)分頁(yè)的三種效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-06-06
在Vue中實(shí)現(xiàn)父組件控制子組件的值的兩種方法
在Vue開(kāi)發(fā)中,父組件和子組件之間的數(shù)據(jù)傳遞是一項(xiàng)常見(jiàn)的任務(wù),本文將介紹如何在Vue中實(shí)現(xiàn)父組件控制子組件的值,以便靈活地管理和更新子組件的數(shù)據(jù),文中有詳細(xì)的代碼講解,需要的朋友可以參考下2023-11-11
在看這篇文章的幾點(diǎn)要求：需要你先知道Vue-Router是個(gè)什么東西，用來(lái)解決什么問(wèn)題，以及它的基本使用。如果你還不懂的話(huà)，建議上官網(wǎng)了解下Vue-Router的基本使用后再回來(lái)看這篇文章2022-09-09