当你的uniapp项目是通过cli创建时,并且在引用第三方npm包后编译报可选链式操作符(?.或者??)报错的话,可以通过本文的方法解决,其他情况无法确保是否有效。
如下图报错时:
可能你尝试过安装@babel/plugin-proposal-optional-chaining和@babel/plugin-proposal-nullish-coalescing-operator包,并且配置babel.config.js文件方式,但是依旧编译报错。
以上方法均不行。
本文提供的方案无需安装@babel/plugin-proposal-optional-chaining或者@babel/plugin-proposal-nullish-coalescing-operator包,只需要在项目根目录下创建vue.config.js文件,并且进行一下配置即可
module.exports = {
transpileDependencies: [
// 有可选链式操作符报错的npm包,多个以逗号隔开
'ol'
]
}