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组件造成的。可以通过降低使用的版本来解决该问题。

原文地址:https://www.cnblogs.com/whereGo/p/14852372.html