最近我在使用vue开发项目时,使用的是花裤衩大神的 vue-element-admin的模板进行开发,项目在npm install时往往报错或报错tui-editor安装失败,这是一个编辑器插件,我们一起来看看是怎么解决的吧!
报错信息如下 npm ERR! fatal: unable to access ‘github.com/nhn/raphael…: OpenSSL SSL_read:错误 unable to access ‘github.com/nhn/raphael… 会卡在这个界面很长时间,然后就会报一堆error。
于是我查看版本本地的相关信息,如node、npm、yarn信息版本如下 node -v v14.15.0
npm -v 6.14.8
yarn -v
1.22.17
发现基本没啥问题
解决方法:
网上看了很多人的说法,就是原先的tui-editor插件(富文本编辑器插件)换了个名称,现在已经更名为toast-ui/editor因此安装不了,从而报错!,于是我们就有以下方案,按照步骤操作如下:
1、先删除本地 package.json文件中 的 tui-editor 配置项
2、在package.json中的tui-editor那一行添加为"@toast-ui/editor": "^3.1.3",
3、修改文件信息
进入\src\components\MarkdownEditor\index.vue文件,将他的所有import删除换成下面四行
1. import '@toast-ui/editor/dist/toastui-editor.css'
2. import Editor from '@toast-ui/editor'
3. import defaultOptions from './default-options'
4、方法更名
1)把该页面(还是第二步中的文件)的getValue和setValue分别换成getMarkdown和setMarkdown
2)把页面中的所有tui-editor全部替换为@toast-ui/editor
5、 重新安装
重新执行npm install安装依赖就解决了。