一、概述
最近,在安装 vue-element-admin 时总是报错,经过研究发现是依赖 tui-editor
导致,现将解决方案记录如下。
我的本机环境
- node:v14.17.0
- npm: 6.14.13
二、步骤
1、下载 vue-element-admin
地址:vue-element-admin
https://github.com/PanJiaChen/vue-element-admin
2、在 package.json 中找到并删除 tui-editor 依赖
3、安装依赖
// 安装项目依赖
npm install
// 安装 tui-editor 的新的依赖
npm install --save @toast-ui/editor
4、修改源码中对应 tui-editor 的引用
在 src\components\MarkdownEditor
中找到 index.vue 文件,屏蔽或删除原来的 CSS 和 JS 的导入语句
并添加如下的语句:
import Editor from '@toast-ui/editor'
import '@toast-ui/editor/dist/toastui-editor.css' // Editor's Style
附:tui.editor
的官网文档地址:https://github.com/nhn/tui.editor/blob/master/docs/en/i18n.md
三、启动项目
npm run dev 启动项目!