react-native init fails in Windows 10

[ancodeUDW]

• Review the documentation: https://facebook.github.io/react-native
• Search for existing issues: https://github.com/facebook/react-native/issues
• Use the latest React Native release: https://github.com/facebook/react-native/releases

Environment

React Native Environment Info:
System:
OS: Windows 10
CPU: x64 Intel(R) Core(TM) i7-7740X CPU @ 4.30GHz
Memory: 8.38 GB / 15.93 GB
Binaries:
npm: 6.2.0 - C:\Program Files\nodejs\npm.CMD
IDEs:
Android Studio: Version 2.2.0.0 AI-145.3360264

[skip envinfo]

Description

I develop with Windows. I started a new react-native project after updating react-native, using react-native init myApp. However, it fails before ending the the initialization of the project. The message it leaves is:

warning Unmet peer dependency "@babel/core@7.0.0-beta.47".
error An unexpected error occured, please open a bug report with the information provided in "C:\proyects\myapp\yarn-error.log".
info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.
child_process.js:644
throw err;
^

Error: Command failed: yarn add jest babel-jest babel-preset-react-native@^5 react-test-renderer@16.4.1 --dev --exact
at checkExecSyncError (child_process.js:601:13)
at execSync (child_process.js:641:13)
at generateProject (C:\proyectos\react-native\cheerio2\myapp3\node_modules\react-native\local-cli\init\init.js:105:7)
at Object.init (C:\proyectos\react-native\cheerio2\myapp3\node_modules\react-native\local-cli\init\init.js:53:5)
at run (C:\Users\ancode\AppData\Roaming\npm\node_modules\react-native-cli\index.js:302:7)
at createProject (C:\Users\ancode\AppData\Roaming\npm\node_modules\react-native-cli\index.js:249:3)
at init (C:\Users\ancode\AppData\Roaming\npm\node_modules\react-native-cli\index.js:200:5)
at Object. (C:\Users\ancode\AppData\Roaming\npm\node_modules\react-native-cli\index.js:153:7)
at Module._compile (module.js:652:30)
at Object.Module._extensions..js (module.js:663:10)

when checking C:\proyects\myapp\yarn-error.log" its two last lines said:

Trace:
Error: ENOENT: no such file or directory, open 'C:\proyecto\myApp\node_modules@babel\highlight\node_modules\ansi-styles\index.js'

If I try to do a
npm install

inside of the project's folder and when it is finished I execute
react-native run-android

it gives the following error (I assume that it is becuse it was not properly initialized):

Error: Could not find or load main class org.gradle.wrapper.GradleWrapperMain

Before the update, I could use react-native init whitout any problem. I have been trying fixes and alternatives, like

react-native init {proj_name} --version react-native@0.55.4

but the same error arises. The only way I could create a react-native project by now is via "create-react-native-app", but it limits me because I cannot install native modules.

Reproducible Demo

react-native init myApp

[react-native-bot]

It looks like you are using an older version of React Native. Please update to the latest release, v0.56 and verify if the issue still exists.

The ":rewind:Old Version" label will be removed automatically once you edit your original post with the results of running react-native info on a project using the latest release.

[ancodeUDW]

I have reinstalled node to the latest version, uninstall react-native-cli and installed it again with a global flag
npm install react-native-cli -g

After that, I tried to run
react-native init AwesomeProject

It throws an error and it still the same:

warning Unmet peer dependency "@babel/core@7.0.0-beta.47".
error An unexpected error occured, please open a bug report with the information provided in "C:\\proyectos\\react-native\\cheerio2\\AwesomeProject\\yarn-error.log".
info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.
child_process.js:645
    throw err;
    ^

Error: Command failed: yarn add jest babel-jest babel-preset-react-native@^5 react-test-renderer@16.4.1 --dev --exact
    at checkExecSyncError (child_process.js:602:13)
    at execSync (child_process.js:642:13)

after doing react-native info inside the created AwesomeProject it gives me the following info:

  React Native Environment Info:
    System:
      OS: Windows 10
      CPU: x64 Intel(R) Core(TM) i7-7740X CPU @ 4.30GHz
      Memory: 8.38 GB / 15.93 GB
    Binaries:
      npm: 6.2.0 - C:\Program Files\nodejs\npm.CMD
    IDEs:
      Android Studio: Version  2.2.0.0 AI-145.3360264

In this case no mention of the packages. I did an npm install inside the project, but the information running the same instruction is the same.

The AwesomeProject project's package.js content is the following:

{
"name": "AwesomeProject",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start"
},
"dependencies": {
"react": "16.4.1",
"react-native": "0.56.1"
}
}

So I understand is the last react-native version. Checking the other projects I created before the reinstalation, I can see that their package.js was basically the same, only diference that the react-native installed was 0.56.0, I created several projects to test react-native init and only one had the react native version 0.55.4, so I presume I happened to enter to that precise project when I was creating this issue

[hramos]

This should be fixed in 0.57. Stable is right around the corner if you're willing to wait, otherwise you can use react-native init --version react-native@0.57.0-rc.4

[ancodeUDW]

This should be fixed in 0.57. Stable is right around the corner if you're willing to wait, otherwise you can use react-native init --version react-native@0.57.0-rc.4

Thank you for your reply.

I tried to run react-native init --version react-native@0.57.0-rc.4 test, and it still gave me the same "throw err" message.

this time in the last line of the yarn-error.log says:

Trace: 
  Error: ENOENT: no such file or directory, open 'C:\projects\react-native\test\node_modules\@babel\template\node_modules\to-fast-properties\index.js'

[FibreFoX]

I'm currently re-checking stable versions that are working on Windows, so I might have found some things:

For me working versions are 0.55.4 and 0.57.1 that are being able to create and to compile (and running on my virtual android device). But I have found that latest/0.57.2 does not work (which is default when not having that version-flag specified), so you might want to create a new project using 0.57.1?

react-native init newproject0571 --version react-native@0.57.1 

@hramos for information, when using latest 0.57.2 on Windows I'm hitting issue #21617 ... EDIT: but was able to get it running via react-native start --reset-cache

[stale]

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as "For Discussion" or "Good first issue" and I will leave it open. Thank you for your contributions.

[ancodeUDW]

Actually no, the problem has not been solved yet. I am using expo because it does work. I tried to install last react-native version again last December from scratch, and the same problems arise.

Expo is ok for my current project, but it might become a bit short for some projects I plan to start in the near future, so I would be interested to be able to develop properly with react-native.

[hramos]

What about React Native 0.57.8 or 0.58.0-rc.2?