首页 > 其他分享 >vue-element-admin install error

vue-element-admin install error

时间:2022-11-11 00:22:25浏览次数:69  
标签:toast vue package admin json editor install error

vue-element-admin install error

# 安装 nodejs
dnf module reset nodejs
dnf module install nodejs:16
npm install -g pnpm

vi ~/.npmrc
粘贴以下3行
registry=http://registry.npmmirror.com/
auto-install-peers=true
strict-peer-dependencies=false

以下来自 github issue

  1. git clone https://github.com/PanJiaChen/vue-element-admin.git
  2. 克隆以后 删除package.json中tui-editor:1.3.3
  3. src/components/MarkdownEditor/index.vue文件,将全部import换成下面几个
import 'codemirror/lib/codemirror.css'
import '@toast-ui/editor/dist/toastui-editor.css'
import Editor from '@toast-ui/vue-editor'
import defaultOptions from './default-options'

并将该文件下的getValue和setValue分别换成getMarkdown和setMarkdown

sed -i 's/getValue/getMarkdown/g' src/components/MarkdownEditor/index.vue
sed -i 's/setValue/setMarkdown/g' src/components/MarkdownEditor/index.vue
  1. 单独安装tui-editor
pnpm install --save @toast-ui/vue-editor  
  1. 安装其他依赖
pnpm install
根据报错可能还需要安装
pnpm install -- save @toast-ui/editor
pnpm install --save svg-baker-runtime  
  1. npm run dev

附上 git diff

# git diff package.json
diff --git a/package.json b/package.json
index 02f68e2..17718d2 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,8 @@
     "test:ci": "npm run lint && npm run test:unit"
   },
   "dependencies": {
+    "@toast-ui/editor": "^3.2.1",
+    "@toast-ui/vue-editor": "^3.2.0",
     "axios": "0.18.1",
     "clipboard": "2.0.4",
     "codemirror": "5.45.0",
@@ -31,10 +33,11 @@
     "normalize.css": "7.0.0",
     "nprogress": "0.2.0",
     "path-to-regexp": "2.4.0",
+    "regenerator-runtime": "^0.13.10",
     "screenfull": "4.2.0",
     "script-loader": "0.7.2",
     "sortablejs": "1.8.4",
-    "tui-editor": "1.3.3",
+    "svg-baker-runtime": "^1.4.7",
     "vue": "2.6.10",
     "vue-count-to": "1.0.13",
     "vue-router": "3.0.2",

标签:toast,vue,package,admin,json,editor,install,error
From: https://www.cnblogs.com/hhds/p/16879316.html

相关文章

  • 快速上手VueX
    前言本文主要介绍了VueX状态管理器、VueX的核心概念、store.js以及vuex的工作流程。理解了这些概念可以让我们快速上手使用VueX,实现对Vue的状态管理。VueXVueX是对Vue的......
  • Fix 手记|Jenkins 构建 Apk 报错:error=13,Permission denied
    文章备份~前言最近入职新公司,测试打包时突然提示Jenkins构建失败,随后个人尝试了一波,其实也就是通过互联网的力量查询解决问题的方式而已。特此记录。异常以及解决方案首先......
  • vue2项目引入新版ant-design-vue报错问题
    vue2项目引入3.2.14版ant-design-vue会报1600多个编译错误,纯属版本问题,但3.2.14版本卸载会出错,需要删除项目重建,重建后搜索依赖ant-design-vue-fixed-table,这版其实就是ant......
  • 使用宝塔面板 在centos7服务器上部署商城后台管理项目:node server后台 + vue2 前台
    使用宝塔面板在centos7服务器上部署商城后台管理项目:nodeserver后台+vue2前台域名解析假设有域名:mysite.top我们想在通过域名:app.mysite.top访问站点首先需要......
  • #yyds干货盘点#vue.config.js配置解析
    最近的项目都是基于vue2.0来做开发,这时候在配置webpack的时候遇到了个性化的配置,在根目录创建​​vue.config.js​​去完成​​webpack​​的一些特殊配置,默认它会被 ​​......
  • vue-什么是虚拟dom?
    什么是虚拟dom?本质上是一个普通的JS对象,用来模拟DOM结构。(Vue内部有一个虚拟DOM转义器,会把真实DOM转成一个对象)组件在渲染的时候,会调用render函数,这个函数会生......
  • vue核心基础点
    vuevue简介Vue(发音为/vjuː/,类似view)是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建,并提供了一套声明式的、组件化的编程模......
  • Mac 使用 之 Agreeing to the Xcode/iOS license requires admin privileges
    LZ-Says:少言,多行,贯彻Justdoit前言不知不觉中,玩小Mac已经将近一年了,回顾之前,还是有很多的不足。至少,目前还是达不到文哥形如流水的赶脚。不过,慢慢积累,反正Mac的操......
  • 【Azure 事件中心】使用Apache Flink 连接 Event Hubs 出错 Kafka error: No resolvab
    问题描述参考Github上EventHub的示例代码(UsingApacheFlinkwithEventHubsforApacheKafkaEcosystems : https://github.com/Azure/azure-event-hubs-for-kafka......
  • React / Vue 实现 Excel 数据导入
    React1.Excel数据格式化主要是三个步骤:使用input/antd-upload组件上传需要导入的文件——将excel数据处理为json数据——将json数据处理成antd-table组件所需的数据(主要......