electron-vue项目使用elementUI组件报错$attrs is readonly

最新推荐文章于 2023-05-09 18:28:12 发布
原创 最新推荐文章于 2023-05-09 18:28:12 发布 · 1.6k 阅读 · 8 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue #elementui

在使用electron-vue构建项目时遇到elementUI组件报$attrs is readonly的问题，尝试调整Vue版本未果。最终发现是webpack配置导致的，通过在webpack.renderer.config.js中添加'element-ui'到whiteListedModules列表中解决了问题。这是一个关于webpack配置和elementUI在electron-vue中整合的常见陷阱。

electron-vue项目使用elementUI组件报错$attrs is readonly

在electron项目使用element一直报错
在这里插入图片描述

[Vue warn]: $attrs is readonly.

百度了很多刚开始以为是vue版本的问题，也试了很多版本还是报错，最后才发现是webpack配置问题
在这里插入图片描述

在webpack.renderer.config.js中添加上’element-ui’即可！

let whiteListedModules = ['vue','element-ui']

头都搞大了，记录下…

Vue - 解决安装引入 WangEditor V5 富文本编辑器后控制台报错（Nuxt.js 项目同样适用）：$attrs is readonly 、 $listeners is readonly
🏆 前端领域优质创作者
09-23 4157
解决wangEditor5富文本编辑器引入后一上来就出现报错，vue2.jsnuxt.js$attrsisreadonly/$listenersisreadonly/wangEditor控制台一串报错，wangeditor富文本控制台报错"无效的节点选择器"引入wangeditor5运行报错，elementUIDate-picker点击报“attrsisreadonly”，引入wangEditor新版本报错正解如。iviewDate-picker点击报“attrs
已解决】wangEditor报错$attrs is readonly.$listeners is readonly
0 error(s), 0 warning(s)
02-21 933
已解决】wangEditor报错$attrs is readonly.$listeners is readonly
[Vue warn]: $attrs is readonly. $listeners is readonly.
西格玛猫
10-18 5817
项目报错 [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 warn]: $attrs is readonly；Webpack externals 配置
weixin_34242509的博客
04-16 3606
项目报错 [Vue warn]: $attrs is readonly. [Vue warn]: $listeners is readonly. 复制代码原因 重复引入 Vue 解决方法 在webpack中配置上： externals: { vue: { root: 'Vue', commonjs: 'vue', commonjs2: 'vue', ...
vue 一直报错 warn $listeners and $attrs is readonly “Avoid mutating a prop directly”
为啥不能换名字的博客
04-09 5793
warn $listeners and $attrs is readonly 就是报这样的错误 原因：vue和elementUI的版本不匹配 解决办法：升级vue和elementUI的版本就好了
Electron项目中通过electron-vue + electron-builder + electron-updater实现远程更新（包含源码）
04-01
1. **初始化项目**：使用`electron-vue`初始化项目，设置好基本的Vue和Electron结构。 2. **配置打包**：在`package.json`中配置`electron-builder`，指定输出目录、平台、应用信息等。 3. **集成electron-updater**...
基于simulatedgreg/electron-vue修改优化后的electron-vue项目设计源码
09-26
项目的设计者显然对electron-vue的使用场景和需求有着深刻的理解，因此在该项目的设计和实现过程中，能够针对常见的痛点和难点进行针对性的改进。 对于那些希望利用Electron和Vue技术栈进行桌面应用开发的开发者来...
electron-vue-vite:Electron、vue3、vite2、ant-design-vue2 整合
05-02
electron-vue-vite Electron + vue3 + vite2 + ant-design-vue2 整合 :bug: 已知问题 项目打包后仍有问题 待解决... 暂时通过集成 webpack 解决打包问题 How and Why 写这个 Demo 项目主要有两个目的 vue@3.x 发布了...
electron-vue项目从搭建、运行到打包（以及electron-vue的bug修改）
欢迎来到iceseasyh的博客
12-12 4881
electron-vue 的项目搭建、运行到打包
electron-vue-print-demo:electron+vuecli3 实现打印小票功能
05-25
electron-vue-print-demo electron+vuecli3 实现设置打印机，静默打印小票功能 使用 git clone https://github.com/sunniejs/electron-vue-print-demo.git npm install npm run electron:serve 生成效果 实现 操作...
解决electron-vue+element报错$attrs is readonly和$listeners is readonly问题
weixin_50723565的博客
05-09 783
这篇是记录我在electron-vue中使用elementUi插件一直报错的问题，就是要加上’element-ui’终于最后在这里得到了解决。
router-link点击后F12出现[Vue warn]: $attrs is readonly.
vue
11-13 1987
噢自己找到问题的根源了 因为vue-cli里面自动生成的main.js会import vue进来。 而我自己又在入口文件index.html里面引入了一个外部的vue.js 导致点router-link出现的问题 我觉得这样的问题就只有我这么蠢的人才会犯了，但是还是提醒一下，不要重复引入vue呐...
java arrt,RouterLink attrs是只读的
weixin_42348371的博客
03-19 306
我从Vue.js中的VueRouter开始，我收到了这个错误：[Vue warn]: $attrs is readonly.found in---> at resources\assets\js\modules\livegame\player\SecondNav.vue at resources\assets\js\modules\livegame\player\Player.vue[Vu...
解决：[Vue warn]: Unknown custom element: router-link, [Vue warn]: $listeners and $attrs is readonly
Mybells
09-10 4773
解决一下错误： 1.[Vue warn]: Unknown custom element: <router-link> 2.[Vue warn]: $listeners and $attrs is readonly
$attrs is readonly $listenners is readonly 报错解决方法
m0_65450343的博客
07-15 2124
$attrs is readonly $listenners is readonly 报错解决方法
html vue.js readonly,router-link点击后F12出现[Vue warn]: $attrs is readonly.
weixin_31018573的博客
06-30 529
router-link点击后F12出现[Vue warn]: $attrs is readonly.[Vue warn]: $listeners is readonly.两种错误，错误截图如下：这个错误会导致被点击router-link不再自动生成router-link-exact-active和router-link-active两个class，而且原来的router-link的router-l...
解决 iview Date-picker 点击报“$attrs is readonly”错误
weixin_33858336的博客
11-27 1239
2019独角兽企业重金招聘Python工程师标准>>> ...
[Vue warn]: $attrs is readonly，[Vue warn]: $listeners is readonly；
QiGary的博客
01-13 4788
原因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....
解决问题 $attrs is readonly $listener is readonly
m0_57809042的博客
03-03 1105
遇到问题：$attrs is readonly $listener is readonly。解决方法：^vue 和 ^vue-template-compiler前面的^去掉，如下图。改完之后，打开终端，依次输入。最后重启即可，报错消失。
vue2使用wangeditor5报错$attrs is readonly
最新发布
03-27
嗯，用户在使用Vue2和WangEditor5时遇到了“$attrs is readonly”的错误，我需要帮他们解决这个问题。首先，我应该回忆一下之前处理类似问题的经验。根据提供的引用，尤其是引用2和3，问题通常是由于Vue被多次实例化...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值