error: SyntaxError: .../node_modules/react-native/Libraries/Components/Touchable/Touchable.js: Unexpected token, expected "]" (25:45)

[alexkendall]

New Version

0.70.0

Old Version

0.63.3

Build Target(s)

iOS 16.0

Output of react-native info

System:
OS: macOS 13.0
CPU: (8) x64 Apple M1
Memory: 27.19 MB / 16.00 GB
Shell: 5.8.1 - /bin/zsh
Binaries:
Node: 16.14.0 - ~/.nvm/versions/node/v16.14.0/bin/node
Yarn: 1.22.19 - ~/.yarn/bin/yarn
npm: 8.3.1 - ~/.nvm/versions/node/v16.14.0/bin/npm
Watchman: 2021.06.07.00 - /opt/homebrew/bin/watchman
Managers:
CocoaPods: 1.11.3 - /Users/alex/.rbenv/shims/pod
SDKs:
iOS SDK:
Platforms: DriverKit 21.4, iOS 16.0, macOS 12.3, tvOS 16.0, watchOS 9.0
Android SDK:
API Levels: 28, 29, 30, 31
Build Tools: 28.0.3, 29.0.2, 30.0.2, 30.0.3, 31.0.0, 31.0.0
System Images: android-25 | Google APIs ARM 64 v8a, android-29 | Google Play ARM 64 v8a, android-30 | Google APIs Intel x86 Atom, android-30 | Google Play ARM 64 v8a, android-31 | Google APIs ARM 64 v8a
Android NDK: Not Found
IDEs:
Android Studio: 4.2 AI-202.7660.26.42.7486908
Xcode: 14.0/14A309 - /usr/bin/xcodebuild
Languages:
Java: 11.0.10 - /opt/homebrew/opt/openjdk@11/bin/javac
npmPackages:
@react-native-community/cli: Not Found
react: 18.1.0 => 18.1.0
react-native: 0.70.1 => 0.70.1
react-native-macos: Not Found
npmGlobalPackages:
react-native: Not Found

Issue and Reproduction Steps

1. Build the app using Xcode 14
2. yarn start --reset-cache
3. Error displays

[alexkendall]

[hemantgogia09]

+1 Same issue is happening to me

[alexkendall]

By the way @here. I had to patch that file using the version from 0.69 with patch-package to get the latest version of react-native to compile after upgrading from 0.63.3

[bulatshafigullin]

Just upgraded from 0.63.4 to 0.70.1 and got this error
This helped me
rm -fr node_modules
watchman watch-del-all

[lmarques6]

Running into this error as well, upgraded from 0.64.0 to 0.70.2

[maximpostnikov]

Running into this error as well, upgraded from 0.67.3 to 0.70.3

[rmojsejkov]

Hello, solve this issue writing this in app console :
rm -rf node_modules
rm yarn.lock
yarn

[xianguoGou]

I also had a similar problem

[aprakimble]

It's because babel core and runtime are out of date when you upgrade.

Even though the package.json specifies an earlier version when you start a new project from scratch it installs a newer version that works. I am sure all testing was done from scratch.

Force an update to:

"@babel/core": 7.20.5
"@babel/runtime": 7.20.6

The versions I supplied came right from the lock files of a new install and resolve the issue.

[robhogan]

This should be fixed in main by 3e19c97. @cortinico, might be worth picking the Babel updates into 71?

Edit: Thinking about it, the RN template dependencies shouldn’t be the immediate cause here - the syntax error is coming through Metro (whose Babel deps were bumped simultaneously), so we should be ok as long as the Metro 0.73.5 release makes it into RN 0.71.

Edit 2: Scratch that, facebook/metro@5f9ba40 didn’t make it into the last Metro release.

Edit 3: This is now fixed in Metro 0.73.6, which will be part of the next CLI release and should make it into RN 0.71.0. CC @kelset, @dmytrorykun.

[irfanukani]

Can anyone help me solve this issue? I Mean What to do?

[dcangulo]

@irfanukani Run yarn add @babel/core --dev