vue2项目使用?.语法报错如何解决？（@babel/plugin-proposal-optional-chaining）

---

一、问题原因

因为有些浏览器版本不兼容?.语法，可以使用$$来代替（如下图所示），但是为了团队协作避免麻烦使用?.带来的问题，可以使用这个(@babel/plugin-proposal-optional-chaining)babel插件来解决问题。

二、下载并配置插件

第一步

下载插件（@babel/plugin-proposal-optional-chaining）。

npm install --save-dev @babel/plugin-proposal-optional-chaining

第二步

需在项目里的babel.config.js添加如下代码来拓展解析器。

module.exports = {
  presets: [
  ],
  plugins:[
    ["@babel/plugin-proposal-optional-chaining"]  //解析可选链式语法
  ]
}

第三步

重启项目，运行配置。

---

ok