Vue3 Element Plus 版本升级问题记录

由于项目需求要求，需要使用 Element Plus 以下API

由于此前 Element 版本较低，需要升级至 2.10.5 以上版本。

到 Element 官网发现，由于之前项目 Element 版本低于2.8.5，此次升级还必须升级 Sass 的版本

Element 和 Sass 均升级到目标版本后，运行项目，发现控制台出现 Sass 的警告

- The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.

旧的 JavaScript API 已经被弃用 - 我看很多人通过Sass官网和Vite官网配置api为modern-compiler成功解决，但是我并没有。

后来再搜索一番，发现 Vite 的版本也需要升级，vite5.4之后才支持modern api，vite版本低于5.4配置了也是无效的。

找到 Vite 官网，发现最新大版本已经到 V7，而我还是在 V5，为了避免升级到最新V7的版本引起一些未知问题，我只升级到了 V5 的最新版本，5.4.11。

升级过后再次运行项目，警告消失，完美！

总结：

此问题是因升级 Element 版本而起，需注意

1.Element Plus 版本 2.10.5

2.Sass 版本 1.79.0

3.Vite 版本 5.4.11