解决vue-element-admin npm install报错 code 128

安装

正常情况

# 克隆项目
git clone https://github.com/PanJiaChen/vue-element-admin.git

# 进入项目目录
cd vue-element-admin

# 安装依赖
npm install

# 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npm.taobao.org

# 本地开发 启动项目
npm run dev

但是 package.json 里面的依赖因为版本问题,在npm install 的时候会出现git 延迟
解决方式:
第一种:

git config --global url."https://".insteadOf git://
git config --global url."git://".insteadOf https://

第二种:
找到无法下载的依赖就是 tui-editor
修改package.json文件
将 “tui-editor”: “1.3.3” 替换成 “@toast-ui/editor”: “^3.1.3”

找到 src/components/MarkdownEditor/index.vue 文件修改代码
1.import 'tui-editor/dist/tui-editor.css' 替换成 import '@toast-ui/editor/dist/toastui-editor.css'

2.import Editor from 'tui-editor' 替换成 import Editor from '@toast-ui/editor'

3.删除 import 'tui-editor/dist/tui-editor-contents.css'

4.将所有 editor.getValue 替换成 editor.getMarkdown

5.将所有 editor.setValue 替换成 editor.setMarkdown

6.将 editor.getHtml 替换成 editor.getHTML

7.改变toolbarItems
toolbarItems: [
  'heading','bold','italic','strike','divider',
  'hr','quote','divider',
  'ul','ol','task','indent','outdent','divider',
  'table','image','link','divider',
  'code','codeblock'
]
替换成
toolbarItems: [
  ['heading', 'bold', 'italic', 'strike'], 
  ['hr', 'quote'], 
  ['ul', 'ol', 'task', 'indent', 'outdent'],
  ['table', 'image', 'link'],
  ['code', 'codeblock']
]
明显是将 divider 分割字符 换成了 数组来分组
 8. 将 editor.remove() 替换成 editor.destroy()

第三种:选择其他富文本插件替换并做好相应的配置

  • 10
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值