vue 管理端 npm/cnpm install 安装tui-editor失败 (解决方案-但是无法使用富文本)
vue vue-element-admin npm/cnpm install 安装tui-editor失败
·
报错情景:
npm install 出错
npm ERR! Error while executing:
npm ERR! /usr/bin/git ls-remote -h -t git://github.com/adobe-webplatform/eve.git
npm ERR!
npm ERR! fatal: remote error:
npm ERR! The unauthenticated git protocol on port 9418 is no longer supported.
npm ERR! Please see https://github.blog/2021-09-01-improving-git-protocol-security-github/ for more information.
npm ERR!
npm ERR! exited with error code: 128
原因:
由于tui-editor(富文本编辑器插件)更名造成的,现在已经更名为toast-ui/editor
并且该插件还进行了文件名的更名以及方法名的更名
解决方案:
第一套(全局引入):将package.json中的tui-editor那一行修改为:“@toast-ui/editor”: “^3.1.3”,
第二套(局部引入):
1.首先将package.json中的tui-editor那一行修改为"@toast-ui/editor": “^3.1.3”,
2.在需要引入的文件里面,将所有import删除换成下面四行
import 'codemirror/lib/codemirror.css'
import '@toast-ui/editor/dist/toastui-editor.css'
import Editor from '@toast-ui/editor'
import defaultOptions from './default-options'
3.把该页面(还是第二条中的文件)的getValue和setValue分别换成getMarkdown和setMarkdown
把页面中的所有tui-editor全部替换为@toast-ui/editor
4.保存文件,npm/cnpm install 搞定
大部分参考花裤衩大佬的文章
更多推荐
已为社区贡献2条内容
所有评论(0)