Cannot find entry file index.ios.js [index.android.js] in any of the roots

[MyTotoro]

[edit #2: this is now fixed as of 0.45.1 and 0.46.0-rc.2 - @hramos]

[edit: scroll down for additional details - @hramos]

Description

Recently upgrade to RN 0.45 from 0.42 (I was hit with #14225 and I figured I might as well spend the time migrating)

Error in Bundler:

error: bundling: Error
    at DependencyGraph._getAbsolutePath (/Users/mytotoro/Desktop/app/node_modules/react-native/packager/src/node-haste/DependencyGraph.js:280:11)
    at DependencyGraph.getDependencies (/Users/mytotoro/Desktop/app/node_modules/react-native/packager/src/node-haste/DependencyGraph.js:218:26)
    at Resolver.getDependencies (/Users/mytotoro/Desktop/app/node_modules/react-native/packager/src/Resolver/index.js:107:27)
    at /Users/mytotoro/Desktop/app/node_modules/react-native/packager/src/Bundler/index.js:591:37
    at Generator.next (<anonymous>)
    at step (/Users/mytotoro/Desktop/app/node_modules/react-native/packager/src/Bundler/index.js:12:445)
    at /Users/mytotoro/Desktop/app/node_modules/react-native/packager/src/Bundler/index.js:12:605
    at process._tickCallback (internal/process/next_tick.js:109:7)
Bundling `index.android.js`  0.0% (0/1), failed.

and red screen showing

Response error 404, Cannot find entry file index.android.js in any of the roots: [\"/Users/mytotoro/desktop/app/node_modules/react-native/packager\"]

With NotFoundError

Looking for JS files in
   /Users/mytotoro/Desktop/app/node_modules/react-native/packager 


React packager ready.

Reproduction Steps and Sample Code

"react": "^16.0.0-alpha.12",
"react-native": "^0.45.0-rc.2",

Mac: 10.12.4
node: v7.10.0
npm: 4.6.1

I run react-native run-android from the root directory of my project as I have always been doing:

total 456
-rw-r--r--    1 mytotoro  staff     175 Apr  7 23:36 index.ios.js
-rw-r--r--    1 mytotoro  staff     175 Apr  7 23:36 index.android.js
drwxr-xr-x    7 mytotoro  staff     238 Apr  7 23:36 Tests
-rw-r--r--    1 mytotoro  staff    2113 Apr  7 23:36 README.md
drwxr-xr-x    6 mytotoro  staff     204 Apr  7 23:37 ignite
drwxr-xr-x   15 mytotoro  staff     510 Apr  7 23:38 App
-rw-r--r--    1 mytotoro  staff  216323 Apr  7 23:39 yarn.lock
drwxr-xr-x   15 mytotoro  staff     510 May 29 13:42 android
-rw-r--r--    1 mytotoro  staff    3888 May 29 14:18 package.json

This issue comes up for iOS as well (I run on device through xcode) but the offending file is index.ios.js

[edit: adding duplicates -@hramos]

Duplicates

• 0.45.0-rc2: Packager can not find entry file index.ios.js in any of the roots... #14314
• [0.45.0] new app setup fails "bundling: Error at DependencyGraph._getAbsolutePath"  #14366
• [0.45.0] Project roots are incorrect if packager starts when invoking react-native run-ios #14376
• Cannot find entry file index.android.js in any of the roots #14386

[willdawsonme]

Run the packager first with npm start -- --reset-cache from your project's root directory, then run react-native run-android.

[MyTotoro]

@willdawsonme this does fix it, is there a way to make the fix more permanent (Normally, when I ran react-native run-android, a new terminal window would pop up)

New terminal, doesn't work:

Looking for JS files in
   /Users/mytotoro/Desktop/app/node_modules/react-native/packager 

Now when I run npm start -- -reset-cache first - runs in place of current terminal

Looking for JS files in
   /Users/mytotoro/Desktop/app

[willdawsonme]

You should only need to run this once after an upgrade. The 'run-android' step essentially runs npm start if there are no packagers already running, so there's no harm starting them separately once. You might be able to pass a reset cache flag to run-android, but I've not tried it.

…

On 30 May 2017, at 12:38 pm, MyTotoro ***@***.***> wrote: @willdawsonme this does fix it, is there a way to make the fix more permanent (Normally, when I ran `react-native run-android, a new terminal window would pop up) — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub, or mute the thread.

[D1no]

I encounter the exact same issue now with 0.45.0-rc.2 in a fresh react-native init project.

[a7ul]

Same here .. upgraded to 0.45 and facing this issue of having to do --reset-cache everytime before doing react-native run-ios or android .
Anyone found a permanent fix ?

[mrgoonie]

It seems to be a common issue, I had this issue too with 0.45-rc2

[vgalkin]

Having same issue after upgrading.

[ben-snaize]

Also seeing this. Notice that after react-native run-ios the packager is doing the following (same symptoms as @MyTotoro):

Looking for JS files in /Users/me/App/node_modules/react-native/packager

After npm start -- -reset-cache

Looking for JS files in /Users/me/App

Clearly the first time around the bundle location is set incorrectly.

[markmadlangbayan]

Same here, steps to reproduce and temp fix:

$ react-native init testapp
# testapp created

$ cd testapp

$ react-native -v
react-native-cli: 2.0.1
react-native: 0.45.0

$ react-native run-ios
# On simulator, I'm getting:
# Cannot find entry file index.ios.js in any of the root ["../testapp/node_modules/react-native/packager"]

Temporary fix:

1. Close terminal launched by running react-native run-ios
2. Run the following:

$ npm start -- --reset-cache
Loading dependency graph, done.

1. On simulator, type cmd + r
   Simulator will load the project properly.

Note: I have to do the temporary fix every single time.

[ekryski]

Yup this is a legit defect, I also ran into it.

I haven't been paying as much attention to the packager updates as of late but I think it was introduced in the latest v0.45 release. Not seeing it in v0.44.

Possibly in this commit? a26e042

Basically when the packager is started automatically it doesn't have the correct root directory to traverse from.

cc/ @davidaurelio

[dadsteph]

I got the same trouble, any permanent fix?

[ragibkl]

I have the same problem here. Currently affecting me when starting on a new project.
@ekryski is right, this issue is not present in v0.44
Hence, my current workaround is to init the new React Native project, using React Native v0.44

1. Install rninit (https://www.npmjs.com/package/rninit)
   npm i -g rninit
2. Init project with react-nativev0.44.0 (https://www.npmjs.com/package/rninit#usage)
   rninit init [Project Name] --source react-native@0.44.0

I guess I'll upgrade react native version in my project when this is fixed upstream.

Edit: Ok, I feel dumb now. react-native-cli already does this. Forget what I wrote above.
react-native init [Project Name] --version 0.44.0

[RaymondChuh]

Ran into same problem and temporary fix works in my case.

[mrgoonie]

Still the same on 0.46.0-rc.0 (released a few hours ago)

[onurersel]

Having the same issue. Running packager with npm start before launching the app with react-native run-ios solves the problem though.

react-native-cli: 2.0.1
react-native: 0.45.0