当前位置:   article > 正文

vue-element-admin启动失败,npm报错An unknown git error occurred_vue-element-admin项目构建报错

vue-element-admin项目构建报错

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
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

3.单独安装tui-editor

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

4.安装其他依赖

npm i
  • 1

5.跑起来

npm run dev
  • 1

4、成功运行

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小蓝xlanll/article/detail/516312
推荐阅读
相关标签
  

闽ICP备14008679号