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