当前位置: 首页 > news >正文

ruoyi-plus使用Statistic统计组件升级element-plus

原本使用的就是gitee上lionli的ruoyi-plus版本的代码。但是在使用过程中作首页数据看板时想使用elementui的Statistic统计组件。结果在浏览器控制台报错找不到组件el-statistic

于是查看elementui的历史版本,发现是在新版中才有这个组件,旧版本是没这个组件的。然后在前端中查看package.json文件中的elementui的版本号,发现果然是旧版。

原element-plus版本号"element-plus": "^2.1.8",

于是升级element-plus到最新版。

 "element-plus": "^2.4.2",

仅作记录,修改如下:

首先修改package.json文件中的dependencies下的element-plus版本号

        "element-plus": "^2.4.2",

第二步,因为我是直接将另一台电脑的工程文件复制到的现在的电脑上,所以我为了避免出现莫名其妙的问题,直接将node_modules整个前端依赖删除了。之后以管理员身份进入到vue路径下,执行npm install重新进行依赖安装。

同时进入到文件vite.config.js中修改defineConfig下的plugins的内容,将红框中的添加上去。

然后进入到前端包执行npm run dev,报错

failed to load config from E:\ideaWorkSpace\ha-erp-vue\vite.config.js
error when starting dev server:                                                 
Error: Cannot find module 'unplugin-auto-import/vite' 

缺少了依赖,于是再次进入目录执行命令安装对应依赖:

npm install -D unplugin-vue-components unplugin-auto-import
或者
yarn add unplugin-vue-components unplugin-auto-import -D

安装完以后再次运行,报错

Internal server error: No known conditions for "./lib/locale/lang/zh-cn" entry in "element-plus" package
  Plugin: vite:import-analysis
  File: E:/ideaWorkSpace/ha-erp-vue/src/main.js
      at bail (E:\ideaWorkSpace\ha-erp-vue\node_modules\vite\dist\node\chunks\dep-c9998dc6.js:38597:8)
      at resolve (E:\ideaWorkSpace\ha-erp-vue\node_modules\vite\dist\node\chunks\dep-c9998dc6.js:38669:9)
      at resolveExports (E:\ideaWorkSpace\ha-erp-vue\node_modules\vite\dist\node\chunks\dep-c9998dc6.js:40982:12)
      at resolveDeepImport (E:\ideaWorkSpace\ha-erp-vue\node_modules\vite\dist\node\chunks\dep-c9998dc6.js:41000:31)
      at tryNodeResolve (E:\ideaWorkSpace\ha-erp-vue\node_modules\vite\dist\node\chunks\dep-c9998dc6.js:40773:20)
      at Context.resolveId (E:\ideaWorkSpace\ha-erp-vue\node_modules\vite\dist\node\chunks\dep-c9998dc6.js:40581:28)
      at async Object.resolveId (E:\ideaWorkSpace\ha-erp-vue\node_modules\vite\dist\node\chunks\dep-c9998dc6.js:39254:32)
      at async TransformContext.resolve (E:\ideaWorkSpace\ha-erp-vue\node_modules\vite\dist\node\chunks\dep-c9998dc6.js:39028:23)
      at async normalizeUrl (E:\ideaWorkSpace\ha-erp-vue\node_modules\vite\dist\node\chunks\dep-c9998dc6.js:58348:34)
      at async TransformContext.transform (E:\ideaWorkSpace\ha-erp-vue\node_modules\vite\dist\node\chunks\dep-c9998dc6.js:58503:57)
      at async Object.transform (E:\ideaWorkSpace\ha-erp-vue\node_modules\vite\dist\node\chunks\dep-c9998dc6.js:39317:30)
      at async doTransform (E:\ideaWorkSpace\ha-erp-vue\node_modules\vite\dist\node\chunks\dep-c9998dc6.js:50037:29)

这个应该是因为升级了element-plus版本导致的错误,

主要是element-plus默认为英文,在设置中文的时候报了错

将这块内容修改如下

import locale from "element-plus/es/locale/lang/zh-cn";

升级完毕,统计组件可正常使用,不再报错找不到组件el-statistic


 

http://www.lryc.cn/news/242856.html

相关文章:

  • Python基础入门例程72-NP72 生成字典(字典)
  • flink的java.lang.IllegalStateException: Buffer pool is destroyed 异常
  • 物联网AI MicroPython学习之语法 实时时钟RTC
  • GEE:kNN(k-最近邻)分类教程(样本制作、特征添加、训练、精度、最优参数、统计面积)
  • 【GitHub】保姆级使用教程
  • 【图表,饼图】【消费者选择餐厅关注因素】
  • Kotlin基础——Lambda和函数式编程
  • mysql忘记密码,然后重置
  • linux centos系统命令安装
  • 基于springboot实现高校食堂移动预约点餐系统【项目源码】计算机毕业设计
  • 栈和队列OJ题目——C语言
  • System-V共享内存和基于管道通信实现的进程池
  • Python武器库开发-前端篇之CSS基本语法(三十)
  • 微信小程序实现类似Vue中的computed、watch功能
  • [JVM] 美团二面,说一下JVM数据区域
  • 【React】useReducer
  • leetcode刷题详解二
  • 利用opencv/暗通道方法检测图像是否有雾-利用opencv/暗通道方法对深度学习目标检测算法结果进行二次识别提高准确率
  • Linux | 重定向 | 文件概念 | 查看文件 | 查看时间 | 查找文件 | zip
  • 【广州华锐互动】利用VR体验环保低碳生活能带来哪些教育意义?
  • python爬虫中 HTTP 到 HTTPS 的自动转换
  • 卷积神经网络(CNN)识别验证码
  • 使用 PyODPS 采集神策事件数据
  • 罗技M590鼠标usb优联连接不上
  • 天池 机器学习算法(一): 基于逻辑回归的分类预测
  • 45岁后,3部位“越干净”,往往身体越健康,占一个也要恭喜!
  • Windows安装Hadoop运行环境
  • 软件测试 | MySQL 主键约束详解:保障数据完整性与性能优化
  • 深入了解Linux中的scp命令及高级用法
  • moviepy 视频剪切,拼接,音频处理