当你的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'
]
}
本文介绍了在UniAppCLI项目中,遇到可选链式操作符编译错误时,无需安装额外Babel插件,只需在项目根目录下创建并配置vue.config.js文件,通过transpileDependencies数组指定有问题的npm包,即可解决问题。

2130

被折叠的 条评论
为什么被折叠?



