react-native start report: Error: UNKNOWN: unknown error, open ...\.babel.json

Question

I have a RN developing environment on Windows 7. It works fine until yesterday it suddenly reports error after I run "react-native" start. The error Message:

[2016-12-26 09:58:17]         HMR Server listening on /hot

React packager ready.

fs.js:557
  return binding.open(pathModule._makeLong(path), stringToFlags(flags), mode);
                 ^

Error: UNKNOWN: unknown error, open 'C:\Users\xitao\.babel.json'
    at Object.fs.openSync (fs.js:557:18)
    at Object.fs.writeFileSync (fs.js:1222:33)
    at save (C:\RN\LearnRN\node_modules\babel-register\lib\cache.js:45:16)
    at _combinedTickCallback (internal/process/next_tick.js:67:7)
    at process._tickCallback (internal/process/next_tick.js:98:9)
fs.js:557
  return binding.open(pathModule._makeLong(path), stringToFlags(flags), mode);
                 ^

Error: UNKNOWN: unknown error, open 'C:\Users\xitao\.babel.json'
    at Object.fs.openSync (fs.js:557:18)
    at Object.fs.writeFileSync (fs.js:1222:33)
    at save (C:\RN\LearnRN\node_modules\babel-register\lib\cache.js:45:16)
    at _combinedTickCallback (internal/process/next_tick.js:67:7)
    at process._tickCallback (internal/process/next_tick.js:98:9)
fs.js:557
  return binding.open(pathModule._makeLong(path), stringToFlags(flags), mode);
                 ^

Error: UNKNOWN: unknown error, open 'C:\Users\xitao\.babel.json'
    at Object.fs.openSync (fs.js:557:18)
    at Object.fs.writeFileSync (fs.js:1222:33)
    at save (C:\RN\LearnRN\node_modules\babel-register\lib\cache.js:45:16)
    at _combinedTickCallback (internal/process/next_tick.js:67:7)
    at process._tickCallback (internal/process/next_tick.js:98:9)

I google the error, no luck. I delete the .babel.json, the error stiil comes out. I reinit a new project, still the same. I uninstall node.js and python, then install them again follow the "Getting Started" on RN mainpage, still the same. I install react-native-cli 2.0.1 and 1.3.0, still the same.

It seems the RN project works even with the error. But you never know when the error will hurt my project.

did you ever find the solution? I'm having the same issue

jasan
– jasan

2017-03-11 22:51:16 +00:00
Commented Mar 11, 2017 at 22:51 — jasan
– jasan, Commented Mar 11, 2017 at 22:51

rasenplanscher · Accepted Answer · 2017-02-08 08:11:37Z

2

I have run into this as well and debugged it as far as I could right now. The error arises from some race condition:

during the build, babel-register writes a cache to ~/.babel.json, on every tick
since the write is synchronous, the race condition cannot arise within a single node thread
since node is single-threaded by design, this must be on account of some parallel execution in Java, triggering several parallel node threads

I have no idea why this doesn't happen to everybody or why this only happens after having used react native for some time...

This will need to be fixed in React Native, probably in coordination with babel-register... I will post this into the related GitHub issue as well.

answered Feb 8, 2017 at 8:11

rasenplanscher

938 bronze badges

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

1 Comment

Top-Master Over a year ago

see also: App crash with "Unknown" error

ProgrammerGuy · Accepted Answer · 2017-04-20 20:22:35Z

1

Try deleting .babel.json, generate a new one and grant read permission to that file.

You have a babel.json file at C:\Users\Me that is invalid. Fix that or remove that. This was not created by React Native and is not needed unless you want to set some global babel settings for every project on your machine.

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

Delete .babel.json
react-native run-android (re-generates .babel.json)
open C:\Users\yourUserName\ in Windows Explorer (not IE)
right click on .babel.json > Properties
Security tab > Advanced > Change Permissions... > Add...
Enter the object name to select, type Everyone, click OK
Permissions window, tick "Allow Full Control", click OK
click OK
react-native run-android (works now)

edited Apr 20, 2017 at 20:22

answered Apr 18, 2017 at 8:06

ProgrammerGuy

4393 silver badges15 bronze badges

Comments

tennist · Accepted Answer · 2017-05-12 01:42:18Z

1

My node.js's version was 7.5.0.

I updated it to 7.10.0 yesterday and the problem solved.

answered May 12, 2017 at 1:42

tennist

2951 gold badge3 silver badges11 bronze badges

Comments

Abdalrahman Valabji · Accepted Answer · 2020-06-19 12:29:22Z

1

this worked for me:

react-native start --reset-cache

answered Jun 19, 2020 at 12:29

Abdalrahman Valabji

1587 bronze badges

Comments

Nodemirai · Accepted Answer · 2017-01-17 03:00:48Z

0

Try this line in git bush

chmod 777 .babel.json

The problem maybe that this file is read-only.

answered Jan 17, 2017 at 3:00

Nodemirai

1

2 Comments

tennist Over a year ago

I did what you said. Still the same.

Nodemirai Over a year ago

I meet this problem the other day and solve it by this way so I am sorry it doesn't works for you.If I find the right reason,I will commit it to you.

Mootassam · Accepted Answer · 2021-09-21 09:00:06Z

0

Remove the old version of app on your phone and then try this :

react-native start --reset-cache


npx react-native run-android

answered Sep 21, 2021 at 9:00

Mootassam

335 bronze badges

Collectives™ on Stack Overflow

react-native start report: Error: UNKNOWN: unknown error, open ...\.babel.json

6 Answers 6

1 Comment

Comments

Comments

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

Comments

Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related