vue3 使用 vue-quill-editor 时报错 TypeError: Cannot read properties of undefined (reading ‘_c‘)

于 2024-05-24 09:37:58 发布
阅读量188 收藏 1
点赞数 4
文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a3219066443/article/details/139163728
版权

在VUe3中使用vue-quill-editor
报错TypeError: Cannot read properties of undefined (reading '_c')

引入有问题 刚开始的引入格式
import { quillEditor } from 'vue-quill-editor'

在引入时加上“/src”就行
import { quillEditor } from 'vue-quill-editor/src'

a3219066443
关注
  • 4
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue3.0 vue-quill-editor.rar
09-19
在Vue3.0环境下使用Vue-Quill-Editor，需要确保组件与新版本的Vue兼容，以充分利用Vue3.0的改进和提升。 Vue CLI 3 是Vue.js的命令行工具，用于快速搭建Vue项目。它简化了项目配置，提供了开箱即用的脚手架，支持热...
vue富文本编辑器 vue-quill-editor.js quill版本1.3.6
07-01
vue富文本编辑器vue-quill-editor.js quill版本1.3.6 使用教程 ： vue-quill-editor富文本编辑器使用方法，最全，含部分源码解读，含图片上传，如果页面有多个富文本，图片上传解决方案 ...
升级vue3后quill富文本报错问题
weixin_44804939的博客
06-11 1094
简单写了下代码，我们基本是必须要保存下quill对象的，因为在业务逻辑上基本要把quill富文本做成一个组件，然后在初始化时如果原来就有数据，我们要通过set方法初始化数据，又或者提交时调用get获取数据的方法拿数据，所以都离不开new出来的Quill对象，所以我们肯定要拿个值保持下来的，以前vue2的写法就是data定义个quill值来保持，但在vue3这样保持不行了，所以就思考了一下差异点，最后其实差异点就是vue3data里的数据是个proxy对象，然后初始一下把quill放到全局，问题就解决了。
解决Vue3+Vite使用富文本插件quill-image-resize-module打包时报错image-resize.min.js没有默认导出
weixin_51002293的博客
06-22 2045
2. 搜索引擎检索出来的都是引入的报错，可以将ImageResize改为imageResize，未解决。1. 查看quill-image-resize-module源码，正确导出了ImageResize。5. 上github查找是否有类似问题，解决。3. 将默认导入改为按需导入，未解决。4. 卸载依赖重装，未解决。
前端解决 TypeError: Cannot read properties of undefined (reading ‘_c‘)
m0_73847509的博客
07-19 2443
每当打开页面包含有这个vue-json-viewer插件的JSON格式文件时,我本地代码运行是正常不报错的,但是线上的就会有报错问题。原因是vue-json-viewer插件的版本有问题,重新下载。线上的显示,JSON是显示不出来。
Vue解决浏览找不到数据报错问题Cannot read properties of undefined(reading ‘数据名称‘)“
qq_44766377的博客
11-28 8265
这种问题一般有很多种触发情况 我这讲的是数据确实存在，只是vue没有监听到，虽然可以用 this.$set()解决，但事实我这问题比较特殊，没办法用this.$set() 我拿到数据后要根据数据在数据中添加不同的 img，所以无法用this.$set()添加数据。只能另辟蹊径 我选择的方法是 给要显示数据的地方加一个判断（v-if）,而判断值是由数据处理完成后才会变为 true，这样要显示数据的地方要等到数据处理完成后才能用到数据，这样就避免了报错，影响后面的某些代码运行，比如...
在vue中使用qrcodejs2生成二维码，解决Cannot read properties of undefined (reading ‘_android‘)和图片在手机浏览器上不能长按保存图片
love0k1990的博客
12-09 4198
如果采用了canvas，则长按不能保存图片，解决思路：增加一个img，隐藏qrcodejs2的容器div。判断div中的img是否有src，有就赋值给img，没有的话就将canvas的数据赋值给img;第二步：在引入插件使用：import QRCode from 'qrcodejs2-fix';第一步：安装插件npm install qrcodejs2-fiX --save。2.vue中使用qrcodejs2生成的二维码图片在手机浏览器上不能长按保存图片。
Vue创建项目页面报错Cannot read properties of undefined (reading ‘indexOf‘)
D_Zhou_Sir的博客
05-24 3万+
Vue创建项目页面报错Cannot read properties of undefined (reading ‘indexOf’) 当初次创建Vue项目的时候，若出现类似以下的错误： Cannot read property ‘indexOf‘ of undefined 那么这个时候我们就需要安装一个yarn管理器： 博主苦寻答案终于找到了，在这里是缺少了yarn管理器，在cmd窗口安装一个yarn管理器即可 npm install -g yarn 其他常见错误： （1）权限问题 npm install
解决：[Vue warn]: Error in render: “TypeError: Cannot read properties of undefined (reading ‘matched‘)“
weixin_71403100的博客
05-03 1万+
出错的代码尝试访问一个叫做'matched'的属性，但是该属性所属的对象是undefined，导致抛出了TypeError异常。我是在App组件中使用了router，在main.js中引入和注册router的，检查发现在main.js中引入和注册的是。这个错误表示，App组件在渲染过程中尝试访问一个未定义的属性或方法，例如访问一个空对象的属性或调用一个未定义的函数。在main.js中引入和注册router，如下是正确写法👇。检查代码中是否有未定义变量或者空对象的情况👇。routes，并非router。
详解vue中使用vue-quill-editor富文本小结（图片上传）
12-11
vue-quill-editor是我们再使用vue框架的时候常用的一个富文本编辑器，在进行富文本编辑的时候，我们往往要插入一些图片，vue-quill-editor默认的处理方式是直接将图片转成base64编码，这样的结果是整个富文本的html...
vue-quill:Vue 3组件的笔管编辑器
03-21
VueQuill是用于构建富文本编辑器的Vue组件，此软件包是Quill的一个薄包装，使它在Vue 3应用程序中更易于使用。 :green_heart:使用Vue 3构建：比以前更强大，更高效的框架。 :male_sign:‍:male_sign:完全打字稿： ...
Vue-Quill-Editor富文本编辑器的使用教程
12-29
本文为大家分享了Vue Quill Editor富文本编辑器的具体使用方法，供大家参考，具体内容如下 先看效果图：    1、下载Vue-Quill-Editor  npm install vue-quill-editor --save 2、下载quill（Vue-Quill-Editor...
vue3富文本编辑器vue-quill-editor、图片缩放ImageResize详细配置及使用教程
qq_33674679的博客
12-01 2万+
vue3富文本编辑器vue-quill-editor详细配置及使用
Vue 安装使用vue-quill-editor 文本编辑器
css兼容浏览器的各种背景渐变
09-08 1552
1、安装依赖 npm install vue-quill-editor --save 2、使用 （1）在“项目名\src\main.js”引入 import VueQuillEditor from ‘vue-quill-editor’ //一定要引入这三个css，不然文本编辑器会出现不规则黑白几何图形 //这三个css可以在main.js中引入，也可以在具体使用的.vue文件中引入 import ‘quill/dist/quill.core.css’ import ‘quill/dist/quill.sno
Vue 出现Syntax Error:TypeError: Cannot read property ‘vue‘ of undefined的一种解决办法
qq_38526167的博客
02-24 6860
Vue 出现Syntax Error:TypeError: Cannot read property 'vue' of undefined的一种解决办法
报错：Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘_c‘)
weixin_45265393的博客
02-13 2313
报错：Uncaught (in promise) TypeError: Cannot read properties of undefined (reading '_c')
vue中cannot read property of undefined的问题分析及解决
热门推荐
weixin_46399753的博客
03-11 20万+
前言 vue项目中经常会遇到"cannot read property ‘某某某’ of undefined"的报错信息。下面我就简单分析下报错原因及解决方法 问题描述 info是服务端返回的数据，是一个对象。我们要做的就是把对象里的值放到页面显示，先看一下我出错的代码片段 <div class="shop-header-discounts" @click="toggleSupportSho...
vue3 Uncaught (in promise) TypeError: Cannot read properties of undefined 其实是解构赋值的问题
lzfengquan的博客
06-24 9482
在vue3中当我们用到了解构赋值配合reactive toRefs 方式渲染页面时，报错Uncaught (in promise) TypeError: Cannot read properties of undefined 发现打印也是有值的，并且赋值成功，唯独在渲染页面的时候报错。 其实就是 …解构赋值的问题。，已经解构过了，我们的渲染层级就不用再用最外层，直接找到我们解构要渲染的那层代替结构层。 分析也就是我们初始化定义了一个对象，解构了他，直接渲染他的孩子就好了 解决了。......
vue2-editor Uncaught (in promise) TypeError: Cannot read properties of undefined (reading '_c')
最新发布
08-12
根据提供的引用内容，报错"Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'comcode')"和"Uncaught (in promise) TypeError: Cannot read properties of undefined (reading '_c')"可能是由于在使用`monaco.editor.create`方法时，没有正确获取到DOM节点或者DOM节点未正确绑定ref导致的。 解决办法是检查一下DOM元素上绑定的ref的拼写是否与函数中的一致，并确保在Vue2中使用`this.$refs.xxx`来获取DOM元素，而在Vue3中需要在setup函数中声明一个变量并返回出去，并在DOM元素上以该变量名绑定ref。此外，在获取DOM节点的时机上，如果使用的是Vue3，则需要使用`nextTick`来确保在DOM渲染完成后再获取DOM节点。 因此，您可以检查一下代码中DOM元素的ref绑定是否正确，并根据您使用的是Vue2还是Vue3来确定正确的获取DOM节点的方法。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [vue Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘comcode‘)](https://blog.csdn.net/jungeCSND/article/details/130059965)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [Uncaught (in promise) TypeError: Cannot readproperties of null (reading “addEventListener“)](https://blog.csdn.net/weixin_46015333/article/details/127407308)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值