引入tiptap之后直接报错Duplicate use of selection JSON ID cell

这个坑花了我好久的时间找解决办法，最后在github找到解决方案如下

大概意思就是，找到你项目目录下的 node_modules/tiptap-extensions/node-modules，然后把最后这个’node-modules’的名字改成’‘node-modules–’，即可解决，大概意思就是加载不同版本的重复模块引发的这个错误

局部引用报错

直接引用后会报：Cannot read property ‘options’ of undefined"

 <el-tiptap:extensions="extensions"></el-tiptap>

配置extensions可以解决，

但是马上又报：Cannot read property ‘lang’ of undefined"

    <el-tiptap:extensions="extensions"lang="zh"></el-tiptap>

样式问题

终于不报错了，但是组件加载出来发现样式又有问题，又去文档里一顿找，才发现在全局引入那里说过要引入tiptap的样式文件

import 'element-tiptap/lib/index.css'

记第一次使用tiptap踩的坑相关推荐

My SQL 安装教程---踩过所有第一次安装会踩的坑
首先去mysql官网下载mysql安装包:https://dev.mysql.com/downloads/mysql/ 根据需要下载对应版本MySQL 接下来,点击Download,选择No than ...
记一次ios内购开发中踩的坑
记一次ios内购开发中踩的坑前段时间好不容易把APP中的非续期内购上架成功了,过程也是一波三折,各种问题,但最终还是内购审核通过了通过后我以为就没问题了,但第二天打开xcode运行应用后,准备验证 ...
Chromium内核浏览器编译记（一）踩坑实录
转载请注明出处:https://blog.csdn.net/kong_gu_you_lan/article/details/123862868 本文出自容华谢后的博客往期回顾: Chromium内 ...
小白程序员最容易踩的“坑”，你踩过几个？
人生,就是一边踩"坑",一边上升的过程.而程序员的一生,不仅要改无数的BUG,也要越过很多的"坑".今天,下面为大家分享一些开发人员常见的"坑&quo ...
在react框架中实现打印过程中踩的坑
最近在做一个需求,就是需要在产品里调用打印机,实现打印票据的操作,我也是第一次做,说真的踩坑不少,希望这篇文章可以帮助到你. 文章目录前言 window.print()踩的坑第三方库react-t ...
记录对接移动Mas平台发送短信踩的坑
记录对接移动Mas平台发送短信踩的坑 1.首先吐槽一下,移动云Mas平台的接口文档写的真辣鸡 2.第一步,在已经注册完申请过云Mas平台账号之后,登录:移动云Mas平台. 3.登录之后找到管理 - ...
【回眸】作为一位应届生，写简历的时候会踩哪些坑？
[回眸]作为一位应届生,写简历的时候会踩哪些坑? [回眸]作为一位应届生,写简历的时候会踩哪些坑? 前言简历基本信息简历文件名称怎么写比较好电话号码一定要写吗? 简历上写什么邮箱比较好? 简历上 ...
搭建RocketMQ踩的坑
RocketMQ搭建步骤开发环境 64位 centos7(虚拟机,1G内存) 64位 jdk1.8 maven 3.5.0 Git tomcat(用于启动rocketmq-console) rock ...
Spring Boot项目部署到Docker的流程及一些容易踩的坑
Spring Boot项目部署到Docker的流程及一些容易踩的坑前期准备准备Spring Boot项目编写简单的控制类,方便测试编写日志打印相关测试项目是否能正常工作准备部署到docke ...

记第一次使用tiptap踩的坑

记第一次使用tiptap踩的坑

引入tiptap之后直接报错Duplicate use of selection JSON ID cell

局部引用报错

样式问题

记第一次使用tiptap踩的坑相关推荐

最新文章

热门文章