vue2 template中使用可选链,空值合并符

489 阅读1分钟

Bug :vue降低版本后,项目跑不起来

  • vue@2.6.14需要降低至2.6.12,安全红线

  • 版本降低后,编译报错,能定位报错页面,报错信息看不出具体问题

  • 反复定位bug,始终定位不对,试着改了一下我在template中写的可选链和空值合并符,项目奇迹的能跑了

  • 查询资料(baidu)得知

    • js 新语法,可选链操作符(Optional chaining)“?.”,空值合并运算符(Nullish coalescing)“??”。它们在 vue 项目的模板里,默认是不可用的。

Bug 解决

  • 安装可支持的插件,能用插件就是香,不用按照网上的方法写函数,而且还可能存在一些问题

  • 再写上相应的配置,重启项目,就好了

yarn add -D vue-template-babel-compiler

image.png

参考文章

Vue 单文件组件激活可选链操作符和空值合并运算符