VUE3出現Set operation on key "default" failed: target is readonly. 控制台報該警告的解決方案


一:出現場景

vue3.0搭建的項目

二:案例分析

我們通過F12調試可以發現出現該警告是屬於reactivity.esm-bundler.js中。

 打開該js查看源代碼337行,如下圖:

 我們從上圖中可以看出,輸出該警告的原因是因為我們啟動程序的模式不屬於production(生產),所以出現該警告。

三:解決方案

解決方案一:我們通過指定啟動程序的模式避免出現該警告。在package.json中進行指定啟動模式如下圖所示:

 

 解決方案二:是因為我們使用的第三方庫中的某個組件沒有很好的支持vue3,經過排查是用了antd vue的menu組件造成的。可以通過降低使用的版本來解決該問題。

 參考個人博客:http://leanote.shuzhaocl.top:19000/blog/post/admin/954656f01fed


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM