解决electron-vue+element报错$attrs is readonly和$listeners is readonly问题

最新推荐文章于 2024-03-30 10:09:57 发布
最新推荐文章于 2024-03-30 10:09:57 发布
阅读量552 收藏 1
点赞数 1
文章标签： vue.js electron
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50723565/article/details/130585952
版权

这篇是记录我在electron-vue中使用elementUi插件一直报错的问题，
1、首先我是使用el-time-picker组件出现了各种警告和样式问题，根据晚上说的 降低版本 匹配版本之后还是不行，各种版本都尝试了一遍，还是会出现下面这些问题:
在这里插入图片描述
终于最后在这里得到了解决
在这里插入图片描述
在webpack.renderer.config.js文件里面这一个变量数组里面加上这个即可:
就是要加上’element-ui’
let whiteListedModules = [‘vue’, ‘element-ui’]

小菜篮
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
解决electron-vue在使用element-ui时部分组件无法显示问题
qq_43555948的博客
12-08 1775
解决electron-vue在使用element-ui时部分组件无法显示问题 最近在使用electron-vue 和element-ui开发时发现部分element-ui组件不能渲染。 其实解决方法很简单。 找到.electron-vue文件夹中的webpack.renderer.config.js文件，我们将代码 let whiteListedModules = ['vue'] 改成 let whiteListedModules = ['vue', 'element-ui'] 然后我们刷新下页面就OK
Vue组件库出现$listeners is readonly等错误的原因及预防方法
JokerSoulClub的博客
03-08 2534
根本原因是因为组件库的package.json中dependencies包含了vue包，然后导致最后打包出来的组件库也包含vue包然后和引用这个组件库的项目中的vue发生冲突。举个例子，project1是vue组件库，package.json中dependencies包含了"vue":“2.6.1”project1打包出了"project1":“0.0.1” 这个组件包。
报错[Vue warn]: $listeners is readonly. $attrs is readonly.怎么解决？
最新发布
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
03-30 512
举个例子，project1是vue组件库，package.json中dependencies包含了"vue":“2.6.1”project1打包出了"project1":“0.0.1” 这个组件包然后project2是项目代码，package.json中dependencies包含了"vue":“2.6.1"和"project1”:“0.0.1”这样，在使用project1的组件时就会出现readonly错误【高效】极致简化vuex.js（仅需6行代码），让快速敏捷开发不是梦！
electron + vue + elementUI 常见问题及解决方案
在所不辞的博客
11-28 2093
开机启动问题 网上搜到的都是window下采用注册表写入的方式做的，找不到Mac的方法，其实有一个通用的包可以解决这个问题： 来看具体代码 const AutoLaunch = require('auto-launch') var launch = new AutoLaunch({ name: 'TimeManager', // APP 名称 path: process.execPath }) ...
$attrs is readonly $listenners is readonly 报错解决方法
m0_65450343的博客
07-15 1896
$attrs is readonly $listenners is readonly 报错解决方法
[Vue warn]: $attrs is readonly，[Vue warn]: $listeners is readonly；
QiGary的博客
01-13 4280
原因1：vue与vue-tempalte-compiler的版本不一致 解决方案：重新安装vue-tempalte-compiler，或者忽略，此问题只是出现在本地环境，发布之后，此问题不复存在。 卸载vue-template-compiler npm uninstallvue-template-compiler 安装 npm installvue-template-compiler @报错中提示的版本 原因2：重复引入new vue()（可能在main.js页面和index....
Vue2引用Element-ui MessageBox报$attrs is readonly / $listeners is readonly的问题
qq_60840724的博客
01-25 437
卸载vue和vue-template-compiler 2.6.14，重新安装2.6.11。1.vue和vue-template-compiler版本不匹配。卸载element-UI 2.15.14 ，重新安装2.15.6。2.创建过多VUE实例。
解决Vue 引用Element-ui DateTimePicker 报$attrs is readonly / $listeners is readonly的问题
技术无止境
07-28 1196
页面中使用DateTimePicker时，当点击打开时候，报错$attrsisreadonly/$listenersisreadonly。wordpress的项目，使用了wpackio（webpack）来对前端jscss进行打包。wpackio（webpack）中为Vue配置别名。在当前页面的js中，引用vue的时候为。...
解决问题 $attrs is readonly $listener is readonly
m0_57809042的博客
03-03 852
遇到问题：$attrs is readonly $listener is readonly。解决方法：^vue 和 ^vue-template-compiler前面的^去掉，如下图。改完之后，打开终端，依次输入。最后重启即可，报错消失。
[Vue warn]: $attrs is readonly.[Vue warn]: $listeners is readonly.重复引用Vue
weixin_63203565的博客
03-10 1773
【代码】[Vue warn]: $attrs is readonly.[Vue warn]: $listeners is readonly.重复引用Vue。
Vue - 解决安装引入 WangEditor V5 富文本编辑器后控制台报错（Nuxt.js 项目同样适用）：$attrs is readonly 、 $listeners is readonly
王佳斌
09-23 3239
解决 wangEditor 5 富文本编辑器引入后一上来就出现报错，vue2.js nuxt.js $attrs is readonly / $listeners is readonly / wangEditor 控制台一串报错，wangeditor富文本 控制台报错"无效的节点选择器" 引入wangeditor5运行报错，elementUI Date-picker 点击报“attrs is readonly”，引入wangEditor新版本报错正解如。iview Date-picker 点击报“attrs
electron-vue + vue-cli + element-ui 实时热更新版v12.0.4框架.rar
05-06
electron-vue + vue-cli + element-ui 实时热更新版，electronv12.0.4框架，打包好的框架，拿来即用，实时热更新，提高开发3倍效率
Electron项目中通过electron-vue + electron-builder + electron-updater实现远程更新（包含源码）
04-01
Electron项目中通过electron-vue + electron-builder + electron-updater实现远程更新（包含源码）
electronic-vue-music：基于electronic-vue开发的音乐播放器，界面模仿QQ音乐，技术栈electron-vue + vue + vuex + vue-router + element-UI。
02-04
一个基于electron-vue开发的音乐播放器 运行 git clone https://github.com/SmallRuralDog/electron-vue-music.git cd electron-vue-music npm install # 运行开发模式 npm run dev # 打包安装文件 npm run build ...
electron-vue + vue-cli + element-ui 实时热更新版v2.0.18框架.rar
05-06
electron-vue + vue-cli + element-ui 实时热更新版，electronvv2.0.18框架，打包好的框架，拿来即用，实时热更新，提高开发3倍效率
Vue+Electron（electron-builder + electron-updater + electron-log）
09-06
使用Vue+Electron（electron-builder + electron-updater + electron-log）实现桌面应用程序的开发，面向所有electron使用者学习使用，内部源码都有注释。可参考文章（http://t.csdn.cn/BLM6Y）使用。
[Vue warn]: $attrs is readonly. $listeners is readonly.
西格玛猫
10-18 5328
项目报错 [Vue warn]: $attrs is readonly. [Vue warn]: $listeners is readonly. 百度后发现应该是加载了多个Vue实例导致。 解决方法 vue.config.js chainWebpack: config => { config.resolve.alias .set('@', resolve('src')).set('vue', resolve('./node_modules/vue')) }, ...
关于Vue $attrs is readonly 或者 xxx is readonly.报错记录
u010499872的博客
04-12 5751
vue $attrs is readonly $listeners is readonly.
electron-vue + vue-cli + element-ui 实时热更新版
08-09
electron-vue是一个基于Vue.js和Electron的开发框架，可以用来快速构建跨平台的桌面应用程序。它集成了vue-cli和element-ui，使得开发者能够使用Vue.js的开发方式来构建桌面应用，并且可以使用element-ui的组件库来...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值