error: Expected node to be of a type ["Statement"] but instead got "AssignmentExpression" | React Native IOS

user_16464661 0
Viewed 1782

I'm having this problem when trying to run react native app on ios emulator. I literally just created the project running npx react-native init app_test and when I run npx react-native run-ios I got this error.

enter image description here

I'm not installing dependencies or pods or anything. Just running yarn start when the app init is done and trying to run the emulator. Any suggestion by any chance plz?

Error in console: error: node_modules/react-native/Libraries/Image/ImageAnalyticsTagContext.js: Property body[6] of BlockStatement expected node to be of a type ["Statement"] but instead got "AssignmentExpression"

react-native-ios
5 Answers
user_129370560

You may want to resolve the warnings after running 'yarn' or 'npm install'.

One of the relevant warnings is

warning "react-native > react-native-codegen > jscodeshift@0.11.0" has unmet peer dependency "@babel/preset-env@^7.1.6".

I was able to resolve this issue by running:

yarn add @babel/preset-env@^7.1.6 -D

Edit: Spoke too soon. That did not resolve the issue.

user_39684850
user_132468430

"resolutions": { "@babel/plugin-transform-react-display-name": "7.14.5" } add this in your package.json, and use yarn

user_136631450

I figured it out, for people who are starting react-native as me, I'll explain what I did with detail. (I'm using Window10)

I did almost everything in StackOverflow to solve my problem. As you can see in many answers this problem is caused by babel.

I bet you download "yarn" while set up, you need to remove and re-download babel using yarn. So, you need to put this below in your project root dir cmd
$ yarn remove babel-preset-react-native
$ yarn add babel-preset-react-native@2.1.0

But for me, this caused problem Bug: Yarn fails to install (Exit code: 128). So, I had to remove yarn and re-download using below

So I had to clean my cache to remove and re-downlaod yarn.lock using
$ yarn cache clean
$ del yarn.lock
(I didn't use this but maybe you need to erase node_modules file as well)
$ yarn

Then, I put below in my project's package.json below the "jest"
"resolutions": { "@babel/plugin-transform-react-display-name": "7.14.5" }

For last, run my project using below.
$ react-native run-android

Hope this work for you as well it did for me.

user_159445590
Related