关于vuecli2,vuecli3 支持 可选链操作符的升级配置，踩坑指南

1. 安装依赖 @babel/plugin-proposal-optional-chaining

// 安装依赖
# npm install @babel/plugin-proposal-optional-chaining -D 

2. 配置babel.config.js

优先级中 babel

//  在babel.config.js中 的 plugins中添加 "@babel/plugin-proposal-optional-chaining" 
module.exports = { 
    plugins: [ '@babel/plugin-proposal-optional-chaining' ] //可选链 ?.  
}

---

假如已经可以成功运行了，就没必要继续往下看了，假如还是下图的报错，那就继续吧！

---

3. 升级 @vue/cli-plugin-babel 和 core-js

# npm install @vue/cli-plugin-babel@4.5.15 -D 
# npm install core-js@3.19.0 -S

4. 删除 babel-polyfill配置

因为babel-polyfill已经4年没有更新了，已经被core-js取代

// 目录为 vue.config.js
config.entry = ["babel-polyfill", "./src/main.js"];
// 改成 ===>
config.entry = ["./src/main.js"];

最后大功告成

补充说明：最新的babel已经支持了 可选链操作，所以第一步和第二步，可以省略了。哈哈！