React Native: Unexpected token ‘:‘. Expected a ‘)‘ or a ‘,‘ after a parameter declaration

一,现象

模拟器报错:
React Native: Unexpected token ‘:’. Expected a ‘)’ or a ‘,’ after a parameter declaration
在这里插入图片描述

二,解决办法

这里写的很清楚
https://github.com/babel/babel/issues/14139

I have the same problem. This is caused by #14105.

Because of https://github.com/facebook/metro/blob/v0.58.0/packages/metro-react-native-babel-preset/src/transforms/transform-symbol-member.js#L52 will transform Symbol.iterator, but the change of #14105 will cause transform is break, finally the rest flow grammar is reserved.

Please update metro-react-native-babel-preset from 0.58.0 to 0.59.0 to resolve it.

If it doesn't take effect, please try yarn start --reset-cache to restart app.

And other two solutions: (only use one of)

use resolutions of yarn to lock @babel/traverse to 7.16.7 (https://classic.yarnpkg.com/lang/en/docs/selective-version-resolutions/#toc-how-to-use-it) and run yarn to reinstall, finally run yarn start --reset-cache to restart app.
update babel.config.js of your project : (assume your metro-react-native-babel-preset is 0.58.0)
from:

    module.exports = {
       presets: ['module:metro-react-native-babel-preset'],
    };
to:

    module.exports = {
       presets: [['module:metro-react-native-babel-preset', {
            unstable_disableES6Transforms: true
        }]],
    };
finally run yarn start --reset-cache to restart app.

主要是因为:

"metro-react-native-babel-preset": "^0.58.0",

我采用的是修改babel.config.js的方法,亲测可行

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值