vue 啟動項(xiàng)目報(bào)錯(cuò):TypeError: Cannot set property ‘parent‘ of undefined異常解決

2年前作者：溫柔雨哥a分類：Toy博客閱讀(25)違法舉報(bào)

這篇具有很好參考價(jià)值的文章主要介紹了vue 啟動項(xiàng)目報(bào)錯(cuò):TypeError: Cannot set property ‘parent‘ of undefined異常解決。希望對大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方，請大家不吝賜教，您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問。

場景：從git上面拉下來一個(gè)項(xiàng)目 npm i 下載完依賴以后 npm run serve 去運(yùn)行項(xiàng)目的時(shí)候報(bào)錯(cuò)TypeError: Cannot
set property ‘parent’ of undefined

如圖所示
vue 啟動項(xiàng)目報(bào)錯(cuò):TypeError: Cannot set property ‘parent‘ of undefined異常解決,vue.js,前端,javascript
原因：首先排查發(fā)現(xiàn)判斷得出是less解析失敗導(dǎo)致

但是經(jīng)過長時(shí)間的查詢解決方案發(fā)現(xiàn)是因?yàn)関ue版本在下載包的過程中由2.6.10升級為2.7.14導(dǎo)致

所以解決辦法是將package.json文件中將vue的版本給固定住

由此原因得出兩種解決方案

第一種（也是最好用的終極解決方法）

如果你也是嘗試了各種辦法了還是報(bào)錯(cuò)
可以先刪除node_modules依賴包, 在packge.json文件里將vue和vue-template-compiler的版本號固定住(也就是把版本號前面的^刪掉) 并且vue和vue-template-compiler的版本號相等 在重新進(jìn)行npm install 啟動項(xiàng)目即可

如果上面操作沒起作用，不要急要么包沒刪干凈要么是什么問題以下操作親測有效
vue 啟動項(xiàng)目報(bào)錯(cuò):TypeError: Cannot set property ‘parent‘ of undefined異常解決,vue.js,前端,javascript

可以嘗試刪除整個(gè)項(xiàng)目，重新pull一遍代碼拉下來之后第一步先不要急著安裝依賴包先把packge.json文件里將vue和vue-template-compiler的版本號固定住(也就是把版本號前面的^刪掉)并且保證兩個(gè)版本號是相等的然后在npm install 安裝依賴在 npm run serve 項(xiàng)目就可以正常啟動了

第二種方法（不建議）
貼圖
vue 啟動項(xiàng)目報(bào)錯(cuò):TypeError: Cannot set property ‘parent‘ of undefined異常解決,vue.js,前端,javascript
看報(bào)錯(cuò)信息我們能知道是因?yàn)閕n ./src/components/NumberInfo/NumberInfo.vue 這個(gè)路徑報(bào)錯(cuò) 我們到這個(gè)文件把 @import “index”; 注釋掉項(xiàng)目就可以正常運(yùn)行了 但是缺點(diǎn)也很明顯這樣的話樣式就沒了，注意提交代碼的時(shí)候不勾選這個(gè)文件別上傳Git
通過路徑就可以找到對應(yīng)文件
vue 啟動項(xiàng)目報(bào)錯(cuò):TypeError: Cannot set property ‘parent‘ of undefined異常解決,vue.js,前端,javascript 文章來源地址http://www.zghlxwxcb.cn/news/detail-519851.html

到了這里，關(guān)于vue 啟動項(xiàng)目報(bào)錯(cuò):TypeError: Cannot set property ‘parent‘ of undefined異常解決的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！

本文來自互聯(lián)網(wǎng)用戶投稿，該文觀點(diǎn)僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務(wù)，不擁有所有權(quán)，不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載，請注明出處：如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符，請點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋，一經(jīng)查實(shí)，立即刪除！

分享到：

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

uniapp TypeError: Cannot set property 改成箭頭函數(shù)
改成箭頭函數(shù) ，因?yàn)樽饔糜虿灰粯印?完美解決。箭頭函數(shù)相信大家在日常開發(fā)中用到的地方非常之多，因?yàn)樗芎啙?，可讀性強(qiáng)，但是它最大的好處，其實(shí)是解決了匿名函數(shù)的this指向問題，有利于封裝回調(diào)函數(shù)。總結(jié)：箭頭函數(shù)體內(nèi)的this對象，就是定義該函數(shù)時(shí)所在的作
2024年02月12日
瀏覽(16)
Uncaught TypeError TypeError: Cannot set properties of null (setting ‘onclick‘)的解決辦法
我下面用代碼示例一下。這個(gè)代碼你讀一下，好像可以實(shí)現(xiàn)我們想要的效果，實(shí)現(xiàn)點(diǎn)擊相關(guān)的div盒子實(shí)現(xiàn)其背景顏色變顏色的效果，但是一運(yùn)行下來，在調(diào)試控制臺里就會出現(xiàn)Uncaught TypeError TypeError: Cannot set properties of null (setting \\\'onclick\\\')這樣的報(bào)錯(cuò)------未捕獲的類型錯(cuò)誤：無
2024年02月02日
瀏覽(27)
【Vue】- 報(bào)錯(cuò) Error in render: “TypeError: Cannot read properties of undefined (reading ‘nickname‘)“
在created()鉤子函數(shù)請求接口并報(bào)錯(cuò)數(shù)據(jù)，渲染在dom元素是可以正常渲染，但是在開發(fā)者工具中就會報(bào)錯(cuò) Error in render: \\\"TypeError: Cannot read properties of undefined (reading \\\'nickname\\\')\\\" ?意思是在created調(diào)用封裝請求接口的函數(shù) ，獲取到的數(shù)據(jù)再給保存起來并渲染到dom元素，不過數(shù)據(jù)渲染之
2023年04月21日
瀏覽(36)
Uncaught TypeError: Cannot set properties of null (setting ‘innerText‘)解決方法
昨天用js寫了一個(gè)隨機(jī)抽獎系統(tǒng)出現(xiàn)了Uncaught TypeError: Cannot set properties of null (setting \\\'innerText\\\') 這個(gè)報(bào)錯(cuò)意思是無法讀取nll屬性的\\\'innerText\\\'，即找不到你想要將所寫的HTML代碼插入地方原因：瀏覽器加載頁面是從上往下，會將HTML文檔解析為一個(gè)DOM樹，當(dāng)執(zhí)行到j(luò)s代碼塊中的innet
2024年02月16日
瀏覽(22)
Vue報(bào)錯(cuò)解決[Vue warn]: Error in render: “TypeError: Cannot read property ‘state‘ of undefined“
Vue2項(xiàng)目中報(bào)錯(cuò)： [Vue warn]: Error in render: “TypeError: Cannot read property ‘state’ of undefined” [Vue warn]: Error in mounted hook: “TypeError: Cannot read property ‘dispatch’ of undefined” 這個(gè)錯(cuò)誤提示通常出現(xiàn)在 Vue 組件中，它嘗試讀取 Vuex store 的 state 對象，但是該對象沒有被定義。這可能是由以
2024年02月10日
瀏覽(48)
解決Vue Uniapp中[Vue warn]: Error in render: “TypeError: Cannot read properties of undefined 報(bào)錯(cuò)
?在頁面元素進(jìn)行v-for循環(huán)遍歷時(shí)通過 a.b.c 方式找到后臺中的數(shù)據(jù)，解析完成后，頁面正常渲染，但是控制臺報(bào)錯(cuò). 這是因?yàn)?js是解釋型語言，讀取一行，加載一樣所以頁面的加載，比發(fā)送請求要快，要早請求數(shù)據(jù)雖然放在了created中，但是請求數(shù)據(jù)是異步的，需要時(shí)間。也
2024年02月11日
瀏覽(30)
vue3報(bào)錯(cuò) Uncaught TypeError: Cannot read properties of null (reading ‘isCE‘) at renderSlot
最近在vue項(xiàng)目中遇到如下報(bào)錯(cuò)，項(xiàng)目使用的是vue3+webpack搭建的造成這個(gè)的原因是有兩個(gè)不同的vue版本，就可能下載的其他的第三方和當(dāng)前的vue版本不相同，就有兩個(gè)vue的副本，在引入的時(shí)候， npm去嘗試引入的地址不對有如下幾種解決方案由于npm的引入地址不對，那我們使
2023年04月27日
瀏覽(30)
解決Vue報(bào)錯(cuò)Error in callback for immediate watcher “height“: “TypeError: Cannot read properties of
最近在項(xiàng)目中遇到了一個(gè)問題，控制臺報(bào)錯(cuò)Error in callback for immediate watcher \\\"height\\\": \\\"TypeError: Cannot read properties of undefined (reading \\\'style\\\')\\\"，找了好久，不知道哪里的錯(cuò)誤，最后終于解決了，于是記錄一下。控制臺報(bào)錯(cuò)，如下所示這個(gè)錯(cuò)誤報(bào)得莫名其妙，既沒告訴你具體位置，也沒
2024年02月11日
瀏覽(26)
[Vue warn]: Error in render: “TypeError: Cannot read property ‘ xxx ‘ of undefined“報(bào)錯(cuò)原因和解決
遇到問題：能夠正常渲染出界面，但控制臺仍然報(bào)出“Error in render: \\\"TypeError: Cannot read property ‘0’ of undefined”錯(cuò)誤原因： vuex中state管理加載的數(shù)據(jù)，異步調(diào)用顯示，然后vue渲染機(jī)制異步數(shù)據(jù)先顯示初始數(shù)據(jù)，再顯示帶數(shù)據(jù)的數(shù)據(jù)，所以上來加載時(shí)候還是一個(gè)空對象，當(dāng)渲
2024年02月11日
瀏覽(33)
vue報(bào)錯(cuò)解決：Error in v-on handler (Promiseasync) “TypeError Cannot read properties ofundefined
報(bào)錯(cuò)信息：[Vue warn]: Error in v-on handler (Promise/async): \\\"TypeError: Cannot read properties of undefined (reading \\\'code \\\')” axios可以獲取數(shù)據(jù)，控制臺輸出為undefined 報(bào)錯(cuò)代碼：錯(cuò)誤原因：在①或者②的axios請求時(shí)，請求結(jié)果被catch捕獲，所以axios可以獲取到數(shù)據(jù)，但在catch中的res此時(shí)是未賦值的，
2024年02月07日
瀏覽(37)