React-Native: React could not be found within project or in these directories

Question

We have upgraded our react native project to the latest react native version (v0.61.2) with react (16.9.0) and it works perfectly fine on android. When we try to run it on ios thought, we get the message:

warning: the transform cache was reset. Loading dependency graph, done. error: bundling failed: Error: Unable to resolve module `React` from `ios/Pods/React/Libraries/react-native/react-native.js`: React could not be found within the project or in these directories:   node_modules

If you are sure the module exists, try these steps:
 1. Clear watchman watches: watchman watch-del-all
 2. Delete node_modules: rm -rf node_modules and run yarn install
 3. Reset Metro's cache: yarn start --reset-cache
 4. Remove the cache: rm -rf /tmp/metro-*

We have followed the upgrade guide, updated all dependencies to their latest version and updated the pods. I actually don't know where or how to start debugging this, since this seems to be coming from the Pods folder.

This is the content of our Pods folder:

ls ios/Pods/
Adjust              GoogleDataTransport
Crashlytics         GoogleDataTransportCCTSupport
DoubleConversion        GoogleUtilities
Fabric              Headers
Firebase            Local Podspecs
FirebaseABTesting       Manifest.lock
FirebaseAnalytics       Pods.xcodeproj
FirebaseAnalyticsInterop    Protobuf
FirebaseCore            Pushwoosh
FirebaseCoreDiagnostics     PushwooshInboxUI
FirebaseCoreDiagnosticsInterop  React
FirebaseDynamicLinks        Target Support Files
FirebaseInstanceID      boost-for-react-native
FirebaseRemoteConfig        glog
Folly               nanopb
GoogleAppMeasurement

and in our node_modules folder, we have (with a lot more other packages):

...
react
depd                        react-deep-force-update
des.js                      react-devtools-core
destroy                     react-is
detect-libc                 react-lifecycles-compat
detect-newline              react-native
...

I have, of course, tried all the steps, like clearing caches, reset-cache, clearing DerivedData, Clean and build, ... I don't know where to start looking.

Having exactly the same here.

Tiago Gouvêa
– Tiago Gouvêa

2019-10-21 19:17:32 +00:00
Commented Oct 21, 2019 at 19:17 — Tiago Gouvêa
– Tiago Gouvêa, Commented Oct 21, 2019 at 19:17

fhdhsni · Accepted Answer · 2019-12-29 15:20:08Z

10

I fixed it by replacing

import Foobar from "screens/foobar";

with

import Foobar from "./screens/foobar";

note the beginning ./ in the path

answered Dec 29, 2019 at 15:20

fhdhsni

1,6491 gold badge14 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Theodore Sevvos · Accepted Answer · 2019-10-30 20:17:36Z

3

Try to delete both Pod folder and Podfile.lock, under ios directory. Then run pod install again.

That worked for me.

answered Oct 30, 2019 at 20:17

Theodore Sevvos

392 bronze badges

Comments

Matt Booth · Accepted Answer · 2019-11-05 11:39:14Z

1

I know this isn't an optimal solution, however I spent over a week on this going down the rabbit hole to no avail. In the end I generated a new RN project, copied over my app folder and reinstalled about 20 packages which I use, and then copied my old App.js, index.js, AndroidManifest, Appdelegate.m, Info.plist, build.gradle x 2, icons and XIB, and some misc installation instructions for modules, i.e. FBSDK and Firebase. It now all works fine. It seems that something in the manual process of updating all those files to get from <0.60 to >0.60 causes an issue for some. Note that this recreation took about 8 hours.

answered Nov 5, 2019 at 11:39

Matt Booth

2,1233 gold badges15 silver badges20 bronze badges

Comments

Lenoarod · Accepted Answer · 2019-10-23 02:36:45Z

0

last week, I also met the problem, it caused by the react path had changed.

open your ios folder Podfile, edit the react path. it had moved into react-native

 pod 'React', :path => '../node_modules/react-native/'
 pod 'React-Core', :path => '../node_modules/react-native/'

then cd ios folder and run pod install in the terminal

expect above, if you had met other upgrade problems, you can go to this site compare the related files

edited Oct 23, 2019 at 2:36

answered Oct 22, 2019 at 5:51

Lenoarod

3,63116 silver badges25 bronze badges

6 Comments

sejn Over a year ago

I have changed as per above but it shows error as Fetching podspec for BVLinearGradient from ../node_modules/react-native/react-native-linear-gradient [!] No podspec found for BVLinearGradient in ../node_modules/react-native/react-native-linear-gradient

Lenoarod Over a year ago

@sejn, it is the same, react-native-linear-gradient don not exist in Podfile. according to the API(npmjs.com/package/react-native-linear-gradient); add this pod 'BVLinearGradient', :path => '../node_modules/react-native-linear-gradient'

sejn Over a year ago

[!] Unable to find a specification for React-Core depended upon by rn-fetch-blob [!] Automatically assigning platform ios with version 8.0 on target App because no platform was specified. Please specify a platform for this target in your Podfile. See https://guides.cocoapods.org/syntax/podfile.html#platform.

Lenoarod Over a year ago

@sejn modify rn-fetch-blob.podspec: s.dependency 'React-Core' .you can also run this grep -rl "s.dependency 'React/Core'" node_modules/ | xargs sed -i '' 's=React/Core=React-Core=g' in termail

sejn Over a year ago

Shall I need to change in podfile as s.dependency 'React-Core'

|

Kirill Kunst · Accepted Answer · 2019-10-21 18:10:08Z

0

I don't know if you tried to update your pods or not but you could try to do following inside your ios/ folder:

pod repo update && pod install

It might help.

answered Oct 21, 2019 at 18:10

Kirill Kunst

1511 silver badge7 bronze badges

Comments

user13782119 · Accepted Answer · 2022-12-17 14:17:13Z

-1

Please check react dependency is there or not in package.json . if not Add react dependency in project using yarn or npm and try it

npm install react / yarn add react

edited Dec 17, 2022 at 14:17

answered Dec 15, 2022 at 5:21

user13782119

3343 silver badges6 bronze badges

Collectives™ on Stack Overflow

React-Native: React could not be found within project or in these directories

6 Answers 6

Comments

Comments

Comments

6 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

6 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related