vue-element-admin在git 上 clone 之后无法install

最新推荐文章于 2024-06-13 15:33:22 发布

陈小白_weilin

最新推荐文章于 2024-06-13 15:33:22 发布

阅读量631

点赞数

分类专栏： VUE VUE-CLI webpack报错问题文章标签： vue.js elementui 前端 webpack Powered by 金山文档

本文链接：https://blog.csdn.net/qq_37564189/article/details/129147751

版权

VUE 同时被 3 个专栏收录

12 篇文章 0 订阅

订阅专栏

VUE-CLI

7 篇文章 0 订阅

订阅专栏

webpack报错问题

4 篇文章 1 订阅

订阅专栏

文章讲述了由于tui-editor名称变更导致的安装问题，提供了解决方案，包括修改package.json，更新import语句，替换方法名，调整toolbarItems配置，并提供了npm安装的注意事项和错误处理方法。

摘要由CSDN通过智能技术生成

一. 无法install的原因

因为vue-element-admin引入的富文本编辑插件所导致由于tui-editor变更名字导致依赖查询找不到对应的版本

二. 解决的办法

先删掉package.json中tui-editor:1.3.3

找到 \src\components\MarkdownEditor\index.vue 把所有的import 替换成下面4个

import 'codemirror/lib/codemirror.css' // codemirror
import '@toast-ui/editor/dist/toastui-editor.css'

import Editor from '@toast-ui/editor'
import defaultOptions from './default-options'

b. 在当前的文件下替换一下方法和名字

所有 editor.getValue 替换成 editor.getMarkdown
所有 editor.setValue 替换成 editor.setMarkdown
所有 editor.getHtml 替换成 editor.getHTML
所有 editor.remove() 替换成 editor.destroy()

c. 找到刚才引入的文件 default-options 替换里面的toolbarItems

toolbarItems: [
    ['heading', 'bold', 'italic', 'strike'], ['hr', 'quote'], ['ul', 'ol', 'task', 'indent', 'outdent'], ['table', 'image', 'link'], ['code', 'codeblock']
  ]