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