网站开发员的工资,php网站编程,为企业做贡献的句子,林州网站建设哪家专业文章目录 一、前言三、babel 详解四、拓展阅读 一、前言
项目开发阶段#xff0c;使用可选链操作符 ?. 出现以下编译报错问题#xff1a; 分析#xff1a;由于可选链操作符 ?. 是ES2020#xff08;即ES11#xff09;中推出的新语法#xff0c;允许我们不需要校验当前属… 文章目录 一、前言三、babel 详解四、拓展阅读 一、前言
项目开发阶段使用可选链操作符 ?. 出现以下编译报错问题 分析由于可选链操作符 ?. 是ES2020即ES11中推出的新语法允许我们不需要校验当前属性的类型就可去尝试访问子属性。
例如let str a?.b?.c;
以上错误正是由于项目中无法解析可选链操作符等新的ES属性方法如上图所示 这时需要安装babel依赖babel/plugin-proposal-optional-chaining,并添加到babel.config.js中。
babel.config.js 配置信息如下
module.exports {presets: [vue/app],plugins: [babel/plugin-proposal-optional-chaining]
}三、babel 详解
Vue 项目根目录中存在babel..config.js文件即为Babel的配置文件作用于整个项目。Vue项目中普遍使用ES6语法若要求兼容低版本浏览器就需要引入Babel将ES6转换为ES5。
四、拓展阅读
Babel中文文档MDN可选链操作符?.《JavaScript进阶十三JavaScript 空值合并运算符、可选链操作符、空值赋值运算符讲解》《Vue进阶五十一 vue-cli 脚手架 webpack.base.conf.js 配置文件讲解》《Vue进阶一Vue 学习资料汇总》