vue-element-admin启动失败,npm报错An unknown git error occurred

1、报错场景


本想研究一下vue-element-admin搭建后台管理,在github上clone代码后,安装依赖时各种报错,让我这前端小菜鸟瑟瑟发抖

那就记录一下,报错场景和最后解决的办法,大家的时间都宝贵,不要浪费在这种灵异事情上

报错场景1:直接使用npm install时,报An unknown git error occurred错

在这里插入图片描述
报错场景2:使用yarn install时报unable to access ‘https://github.com/nhn/raphael.git/’: OpenSSL SSL_read: Connection was reset, errno 10054错

在这里插入图片描述
报错场景3:其它针对以上两个场景的解决办法,仍然报错
如:切换源 npm config set registry https://registry.npm.taobao.org

等等等等。。。 头皮发麻。。。。

2、报错原因


各种灵异报错的原因:
因为项目依赖的 tui-editor 插件包更换了包名,导致无法正常安装成功,一直卡在这里,直至报错

其它具体原因可以查看github的issue,或自行提

#4063
#4049

3、解决办法


说一说解决办法(转载自Agiao-bot#4063issue中的回答,感谢大佬):

1.克隆以后,删除package.json中tui-editor:1.3.3
2.修改\src\components\MarkdownEditor\index.vue文件

将全部import换成下面几个 
import 'codemirror/lib/codemirror.css' 
import '@toast-ui/editor/dist/toastui-editor.css' 
import Editor from '@toast-ui/vue-editor' 
import defaultOptions from './default-options'
并将该文件下的getValue和setValue分别换成getMarkdown和setMarkdown

3.单独安装tui-editor

npm install --save @toast-ui/vue-editor

4.安装其他依赖

npm i

5.跑起来

npm run dev

4、成功运行

在这里插入图片描述
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ END ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  • 12
    点赞
  • 19
    收藏
    觉得还不错? 一键收藏
  • 5
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值