一:出现场景

vue3.0搭建的项目

二:案例分析

我们通过F12调试可以发现出现该警告是属于reactivity.esm-bundler.js中。

VUE3出现Set operation on key "default" failed: target is readonly. 控制台报该警告的解决方案

 打开该js查看源代码337行,如下图:

VUE3出现Set operation on key "default" failed: target is readonly. 控制台报该警告的解决方案

 我们从上图中可以看出,输出该警告的原因是因为我们启动程序的模式不属于production(生产),所以出现该警告。

三:解决方案

解决方案一:我们通过指定启动程序的模式避免出现该警告。在package.json中进行指定启动模式如下图所示:

VUE3出现Set operation on key "default" failed: target is readonly. 控制台报该警告的解决方案

 

 解决方案二:是因为我们使用的第三方库中的某个组件没有很好的支持vue3,经过排查是用了antd vue的menu组件造成的。可以通过降低使用的版本来解决该问题。

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

相关文章:

  • 2022-12-23
  • 2021-09-02
  • 2022-01-20
  • 2021-04-01
  • 2022-12-23
  • 2022-01-21
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2023-03-24
  • 2022-12-23
  • 2021-10-11
  • 2021-10-19
  • 2021-05-04
  • 2022-12-23
相关资源
相似解决方案