vue-element-admin 安装依赖报错的解决方法

一、概述

最近，在安装 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 启动项目！