安装
正常情况
# 克隆项目
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
报错
解决方法:
找到无法下载的依赖就是 tui-editor
1、修改package.json文件
将 “tui-editor”: “1.3.3” 替换成 "@toast-ui/editor": "^3.1.3",
2、找到 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. 将 editor.remove() 替换成 editor.destroy()
3.找到 src/components/MarkdownEditor/default-options.js文件修改代码
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 分割字符 换成了 数组来分组