React-Native: Failed to load bundle. Cannot read property 'throwlfClosureRequired'

Question

The app installs and opens but right when it opens this red screen appears with the below error message.

TBH I am not quite sure what I am doing and I really need some help. I was able to get my other project to work but when I started my second project this came up when trying to run the code. The code is just the basic code you get when you run: react-native init projectName

score 7 · Accepted Answer · answered Apr 21 '18 at 10:09

Change the version of "babel-preset-react-native" to "4.0.0". For the lastest version 5.0.0, the issue arises.

Run npm install after the version change. Then start the emulator.
Even then if you face issue, delete your node_modules directory, repeat step 1.
Restart your machine if you see the issue again even after all tries.

Check github issue

Ronique Ricketts · Answer 2 · 2018-09-25T16:02:51.743

I got the above mentioned error just now. I am using React Native v0.57 and my json file had this

 {
  "name": "AwesomeProject",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "react": "16.5.0",
    "react-native": "0.57.1"
  },
  "devDependencies": {
    "babel-jest": "23.6.0",
    "jest": "23.6.0",
    "metro-react-native-babel-preset": "0.45.6",
    "react-test-renderer": "16.5.0"
  },
  "jest": {
    "preset": "react-native"
  }
}

I added "babel-preset-react-native": "4.0.0", and removed "metro-react-native-babel-preset": "0.45.6" in the "devDependencies" and the error was resolved.

I am using react native 0.51.1, and facing the same issue like you. I have changed the package.json file as you described. And run npm install again. But still getting an error while running it. Please help me out — Vivek Shah, Sep 28 '18 at 13:28

score 1 · Answer 3 · answered Oct 02 '18 at 03:31

1

Jonathan's solution worked for me as well:

Fixed. babel pushed an update that pushed to 5.0.0. set your presets to 4.0.0 and it will fix it.

https://github.com/facebook/react-native/issues/18962

answered Oct 02 '18 at 03:31

Eric Kanner

11
1

score 1 · Answer 4 · answered Dec 12 '18 at 22:16

1

I have upgraded to

"react-native": 0.57.7

"metro-react-native-babel-preset": "0.48.5",

Now the bundle is loading as expected.

answered Dec 12 '18 at 22:16

Srikanth Kyatham

411
5
5

score 1 · Answer 5 · answered Jan 28 '19 at 03:52

1

My current version:

"react-native": "0.57.8",
"metro-react-native-babel-preset": "0.51.1",

Here how I fixed:

add

"devDependencies": {
  "babel-preset-react-native": "4.0.0"
},

remove node_modules
npm install

Voilà! It works!

answered Jan 28 '19 at 03:52

Saviah Kao

320
1
5
13

score 0 · Answer 6 · answered Apr 21 '18 at 03:02

0

Fixed. babel pushed an update that pushed to 5.0.0. set your presets to 4.0.0 and it will fix it.

https://github.com/facebook/react-native/issues/18962

answered Apr 21 '18 at 03:02

Jonathan Ishii

379
2
4
12

score 0 · Answer 7 · answered Apr 22 '18 at 01:02

0

^^ what they said... change your "babel-preset-react-native" to 4.0.0 .

answered Apr 22 '18 at 01:02

AJ Genung

341
1
8

2

yes! that's all you gotta do and then run npm install in the folder – Jonathan Ishii Apr 25 '18 at 02:40
Tried all but the issue still exists. – Biranchi Dec 14 '18 at 08:16

score 0 · Answer 8 · answered Jul 09 '18 at 11:24

0

Try this command react-native upgrade

answered Jul 09 '18 at 11:24

Hoque MD Zahidul

10,560
2
37
40

score 0 · Answer 9 · answered Oct 02 '18 at 01:26

0

Had the same issue. Downgrading to "babel-preset-react-native": "4.0.0", did not work. running this worked for me

npm add @babel/runtime

answered Oct 02 '18 at 01:26

M Sohaib Khan

128
2
10

score 0 · Answer 10 · answered Oct 07 '18 at 15:37

0

Try the followings: clean the build folder and try again.

run react-native start --reset-cache in one tab

and then run react-native in another tab

answered Oct 07 '18 at 15:37

PRao

1,439
1
8
2

score 0 · Answer 11 · answered Nov 09 '18 at 03:00

0

For me this answer worked:

https://stackoverflow.com/a/40966360/4483716

Basically I needed to give permission to folder

/Users/[username]/Library/LaunchAgents.

Use this command:

$ sudo chown $(whoami) /Users/$(whoami)/Library/LaunchAgents

answered Nov 09 '18 at 03:00

Dasoga

5,489
4
33
40

score 0 · Answer 12 · answered Nov 17 '18 at 04:04

Add babel-preset-react-native version 4.0.0 to your devDependencies in package.json

"devDependencies": { "babel-preset-react-native": "4.0.0" },

npm install
react-native run-ios or android

If it still doesn't work try rm -rf node_modules/ and redo step 2 & 3

React-Native: Failed to load bundle. Cannot read property 'throwlfClosureRequired'

12 Answers12

Linked