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

简介: vue2项目使用?.语法报错如何解决?(@babel/plugin-proposal-optional-chaining)

一、问题原因


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


image.png


二、下载并配置插件


第一步


下载插件(@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


目录
相关文章
Vue3,setup的使用需要搭配return进行使用,Vue3中带setup的script的标签和不带能不能合并到一起,export default不能放到setup里会报错,script
Vue3,setup的使用需要搭配return进行使用,Vue3中带setup的script的标签和不带能不能合并到一起,export default不能放到setup里会报错,script
|
11天前
|
前端开发
Vue2和Vue3的区别,在setup中定义的数据,在data(){return中能否定义到},在setup我们不能用this,写在return中可以用this,但是不能在setup否则会报错
Vue2和Vue3的区别,在setup中定义的数据,在data(){return中能否定义到},在setup我们不能用this,写在return中可以用this,但是不能在setup否则会报错
|
11天前
|
JavaScript
文本,wangEditor5的基本使用,开发文档地址,wangEditor5用于Vue3项目,想要使用好wangEditor项目,得看开发文档
文本,wangEditor5的基本使用,开发文档地址,wangEditor5用于Vue3项目,想要使用好wangEditor项目,得看开发文档
|
14天前
|
JavaScript
vue报错 | Duplicate keys detected: ‘0’. This may cause an update error.
vue报错 | Duplicate keys detected: ‘0’. This may cause an update error.
13 3
|
16天前
|
JavaScript 开发工具 git
大事件项目40---Vue代码里如何引入相对路径图片
大事件项目40---Vue代码里如何引入相对路径图片
|
19天前
Vue3项目 小兔鲜问题总结
Vue3项目 小兔鲜问题总结
19 2
|
20天前
|
JavaScript 前端开发 API
Vue3入门 - vue3相比于vue2的优点,及如何创建Vue3项目
Vue3入门 - vue3相比于vue2的优点,及如何创建Vue3项目
|
10天前
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的业财票务一体项目管理系统 附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的业财票务一体项目管理系统 附带文章源码部署视频讲解等
12 0
|
11天前
|
JavaScript
vue3 创建项目、安装依赖、启动项目
vue3 创建项目、安装依赖、启动项目
9 0
|
11天前
|
JavaScript
vue 创建项目、运行项目、访问项目(vue2版)
vue 创建项目、运行项目、访问项目(vue2版)
13 0