关于Vue $attrs is readonly 或者 xxx is readonly.报错记录

百度了一下解决方案都是说要该vue版本和vue组件编译插件的脚本,但是好像效果不是很好,局限性还很高.

查了一下原因

是因为存在了多个(不同版本?)的vue实例导致的.原文如下

javascript - [Vue warn]: $attrs is readonly. [Vue warn]: $listeners is readonly - Stack Overflowhttps://stackoverflow.com/questions/52213260/vue-warn-attrs-is-readonly-vue-warn-listeners-is-readonly

当引入第三方库里面有 import Vue from 'vue';时,就可能会造成这个情况,常见的就有elementUI等

解决方案是在 webpack.renderer.config.js 中的模块白名单添加冲突的组件or模块即可

操作如下: