低版本element-plus升级最新版本，亲测可用

JCAL123

于 2025-05-15 10:21:16 发布

阅读量397

点赞数 4

文章标签： elementui vue.js

本文链接：https://blog.csdn.net/JCAL123/article/details/147974546

版权

前言

截止2025-05-15，element-plus已经历了251个版本了，其中包括了1.x和2.x版本。element-plus依赖sass，element-plus的各版本对sass的版本也有一定要求，如果升级过程中遇到项目启动不了，或安装依赖报错等问题，不妨试着调整一下sass的版本，当然了，也要同步调整sass-loader的版本。本文主要讲述了如何从element-plus@1.1.0-beta.19升级到element-plus@2.9.10。

注意

升级前，建议将原工程复制一份，在复制的工程中进行升级操作，以免升级失败带来的风险

卸载旧版本，安装新版本

npm uninstall element-plus
npm install element-plus

npm uninstall sass
npm install sass@1.79.0

npm uninstall sass-loader
npm install sass-loader@10.0.1

将@import 改成 @use

将项目中涉及@import改成@use，改之前建议先启动项目，大概率会有相关报错，然后再根据报错指引，找到对应的文件更改即可

去掉警告提醒

以上操作完成后，启动项目应该会报这个提示，The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0，在vite.config.js文件中进行如下配置

export default defineConfig({
  css: {
    preprocessorOptions: {
      scss: {
        api: 'modern-compiler' // "modern"代替"legacy"
      },
    },
  },
})