vue2.6项目中出现可选链错误的问题,运行和构建都报错???

boe-h5运行构建报错

错误原因:

return urlObj?.boeTypeCode;

image-20231117145807842

看起来这代码再正常不过了,只是用到了可选链?

网上搜解决办法

解决步骤(2步):

  1. 安装:npm install @babel/plugin-proposal-optional-chaining --save-dev

扩展:空值合并运算符(??:)是:@babel/plugin-proposal-nullish-coalescing-operator

  1. 在babel.config.js中配置:

    module.exports = {
    plugins: [“@babel/plugin-proposal-optional-chaining”]
    }

img

细看一下再我们项目中都已经添加了,为啥还是报错嘞???

**然后:**又发现说主要是 vue 2.6.11 template 不支持可选链操作符,在可以升级 vue 版本的情况下,我们可以升级到 2.7.0 版本

npm i vue@2.7.0 vue-template-compiler@2.7.0

然后再问同事他得 node 版本是 14.0.0以上,我的node版本是10.24.1,哎可能是版本低了:

image-20231117150224132

切换版本…

通过 nvm 工具切换版本到 14.20.1

image-20231117151200355

问题依旧…

关键解决方法:

问题分析出现在@zfs/ui

image-20231117152233442

那就直接在vue.config.js文件中加@zfs/ui

image-20231117152327910

这下问题就解决了,感谢老铁~!

img

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值