element-plus升级报错

Question

element-plus1.0.2-beta.47版本升级到最新的1.3.0-beta.7报错, 很多很多的报错, 这里不太好贴图, 有没有谁碰过呢, 又该怎么解决呢

Answer 1

因为element-plus新版本用了新的可选链式语法，你要用babel把依赖库的语法转译

npm i @babel/plugin-proposal-optional-chaining -D

// babel.config.js
module.exports = {
  // ...
  plugins: ["@babel/plugin-proposal-optional-chaining"],
};

最重要的一部分
// vue.config.js
module.exports = {
  transpileDependencies: ["element-plus"], // 转译依赖库
};

最后建议删除package.lock.json node_modules 重新install 完美解决

Answer 2

用的webpack吗？ 依赖出问题了。 而且比较难排查到具体是哪个依赖。
建议用vite，你基本就会告别这个烦恼。

Answer 3

1. 完全重装element-plus
2. 查看更改日志