tui-editor安装报错处理方法

项目中yarn或npm install时，tui-editor（富文本编辑器插件）安装报错。

显示

warning tui-editor > highlight.js@9.18.5: Support has ended for 9.x series. Upgrade to @latest
error An unexpected error occurred: "https://github.com/sohee-lee7/Squire: read ECONNRESET".
info If you think this is a bug, please open a bug report with the information provided in "E:\\sacm\\sintels-web\\yarn-error.log".
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.
Error: Command failed.
Exit code: 128
Command: git
Arguments: ls-remote --tags --heads https://github.com/nhn/raphael.git
Directory: E:\sacm\sintels-web
Output:
fatal: unable to access 'https://github.com/nhn/raphael.git/': OpenSSL SSL_read: Connection was reset, errno 10054at ProcessTermError.ExtendableBuiltin (D:\Program Files\nodejs\node_global\node_modules\yarn\lib\cli.js:721:66)at ProcessTermError.MessageError (D:\Program Files\nodejs\node_global\node_modules\yarn\lib\cli.js:750:123)at new ProcessTermError (D:\Program Files\nodejs\node_global\node_modules\yarn\lib\cli.js:790:113)at ChildProcess.<anonymous> (D:\Program Files\nodejs\node_global\node_modules\yarn\lib\cli.js:25787:17)at ChildProcess.emit (node:events:513:28)at maybeClose (node:internal/child_process:1100:16)at Process.ChildProcess._handle.onexit (node:internal/child_process:304:5)

解决方案

因为vue 放弃“tui-editor“: “1.3.3“,已经更名为toast-ui/editor，需要在package.json中将“tui-editor“: “1.3.3“ 修改成"@toast-ui/editor": “^3.1.3”,重新运行yarn 即可；

同时

进入\src\components\MarkdownEditor\index.vue文件，修改成如下

import 'codemirror/lib/codemirror.css' // codemirror
import '@toast-ui/editor/dist/toastui-editor.css'
import Editor from '@toast-ui/editor'
import defaultOptions from './default-options'/*tui-editor 1.33 已升级 @toast-ui/editor
import 'codemirror/lib/codemirror.css' // codemirror
import 'tui-editor/dist/tui-editor.css' // editor ui
import 'tui-editor/dist/tui-editor-contents.css' // editor content
import Editor from 'tui-editor'
import defaultOptions from './default-options'
*/

tui-editor（富文本编辑器插件）安装报错处理方法相关推荐

froala editor富文本编辑器出现验证失败的解决方法
froala editor富文本编辑器出现验证失败的解决方法出现这种情况,首先要下载源码包地址 https://www.froala.com/wysiwyg-editor 之后引用本地的 froal ...
ueditor百度富文本编辑器linux下报错: class path resource [config.json] cannot be resolved to absolute file path
https://www.cnblogs.com/findtasy/p/10043273.html
小程序的四次元口袋：editor富文本编辑器的使用、渲染，以及rich-text进行解析
editor富文本 1.介绍富文本编辑器,可以对图片.文字进行编辑.极大地丰富了我们文章的结构样式,之前小程序还没有自己开发富文本插件,而在2019年微信小程序正式发布了富文本api. 支持的类型 ...
百度富文本编辑器UEditor安装配置全过程
网站开发时富文本编辑器是必不可少的,他可以让用户自行编辑内容的样式然后上传到后台!下面我们来介绍如何安装使用百度富文本编辑器一.下载并且设置百度富文本编辑器的样式你可以去百度UEditor ...
小程序editor 富文本编辑器组件
效果: 关于editor 富文本编辑器组件复制到组件common 里面.json 引用即可链接:https://pan.baidu.com/s/1_QIp28IOVuyVFfKfFZwxKQ 提取 ...
【博图v15安装报错问题解决方法
博图v15安装报错问题解决方法 1.报错代码 2.解决办法 1.报错代码 ycle dete4jed: VC_2013_REDIST_×36->VC_2013_REDIST_×64- >V ...
WinPcap 4.1.3 安装报错问题解决方法
2022.02.19 WinPcap_4_1_3 安装报错问题解决方法系统环境 Windows 10 x64 报错如下: A newer version of WinPcap (internal v ...
html富文本编辑器插件_vue中使用vuequilleditor富文本编辑器
点击上方"小姚同学技术栈"快速关注我哟! vue-quill-editor是一个基于quill.适用于vue的富文本编辑器开源项目,支持服务端渲染和单页应用.目前项目热度还算可以, ...
14款前端常用的富文本编辑器插件
富文本编辑器是一种可内嵌于浏览器,所见即所得的文本编辑器.它提供类似于Office Word 的编辑功能,方便那些不太懂html用户使用,富文本编辑器的应用非常广泛,它的历史与图文网页诞生的历史几乎一 ...

tui-editor（富文本编辑器插件）安装报错处理方法

tui-editor安装报错处理方法

显示

解决方案

同时

tui-editor（富文本编辑器插件）安装报错处理方法相关推荐

最新文章

热门文章