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

天宇哥

已于 2022-12-10 07:55:39 修改

阅读量2k

点赞数 2

文章标签： javascript vue.js 前端

于 2022-12-10 07:52:38 首次发布

本文链接：https://blog.csdn.net/centerstars/article/details/128261306

版权

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 10054
    at 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'
*/