ecronix/react-most-wanted

Errors during installation

Closed this issue Β· 14 comments

RaiMX commented

I've tried to install RMW on both of my machines (Windows and macOS) and got the same error during installation

[4/4] πŸ”¨  Building fresh packages...
[-/4] β „ waiting...
[-/4] β „ waiting...
[3/4] β „ grpc
error /Users/raimx/Desktop/www/prodcon-web/node_modules/grpc: Command failed.
Exit code: 1
Command: node-pre-gyp install --fallback-to-build --library=static_library
Arguments: 
Directory: /Users/raimx/Desktop/www/prodcon-web/node_modules/grpc
...

my npm -v
6.13.7

TarikHuber commented

Hi @RaiMX
have you tried to install a clean Create React App?
That looks more like a bug in thes scripts of them.

RaiMX commented

Hi @RaiMX
have you tried to install a clean Create React App?
That looks more like a bug in thes scripts of them.

I have done npm uninstall -g create-react-app
then did npm init react-app prodcon-web --template rmw
Then this error occurred

RaiMX commented

Here is the output (a little bit more):

Installing template dependencies using yarnpkg...
yarn add v1.19.1
[1/4] πŸ”  Resolving packages...
warning @material-ui/core > popper.js@1.16.1: You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1
warning material-ui-pickers@2.2.4: You can now upgrade to @material-ui/pickers. Documentation for v2 can be found at https://material-ui-pickers-v2.dmtr-kovalenko.now.sh/
[2/4] 🚚  Fetching packages...
[3/4] πŸ”—  Linking dependencies...
warning "react-scripts > @typescript-eslint/eslint-plugin > tsutils@3.17.1" has unmet peer dependency "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta".
warning " > @testing-library/user-event@7.2.1" has unmet peer dependency "@testing-library/dom@>=5".
warning " > @material-ui/pickers@3.2.10" has unmet peer dependency "@date-io/core@^1.3.6".
warning " > material-ui-image@3.2.2" has incorrect peer dependency "@material-ui/icons@^1.0.0 || ^3.0.0".
warning " > material-ui-image@3.2.2" has incorrect peer dependency "@material-ui/core@^1.0.0 || ^2.0.0 || ^3.0.0".
warning " > material-ui-pickers@2.2.4" has incorrect peer dependency "@material-ui/core@^3.2.0".
warning " > redux-form-material-ui@5.0.0-beta.3" has incorrect peer dependency "redux-form@7".
warning " > redux-form-material-ui@5.0.0-beta.3" has incorrect peer dependency "@material-ui/core@1".
[4/4] πŸ”¨  Building fresh packages...
[-/4] β‘€ waiting...
[-/4] β‘€ waiting...
[3/4] β‘€ grpc
error /Users/raimx/Desktop/www/prodcon_web/node_modules/grpc: Command failed.
Exit code: 1
Command: node-pre-gyp install --fallback-to-build --library=static_library
Arguments: 
Directory: /Users/raimx/Desktop/www/prodcon_web/node_modules/grpc
Output:
node-pre-gyp info it worked if it ends with ok
node-pre-gyp info using node-pre-gyp@0.14.0
node-pre-gyp info using node@13.8.0 | darwin | x64
node-pre-gyp WARN Using request for node-pre-gyp https download 
node-pre-gyp info check checked for "/Users/raimx/Desktop/www/prodcon_web/node_modules/grpc/src/node/extension_binary/node-v79-darwin-x64-unknown/grpc_node.node" (not found)
node-pre-gyp http GET https://node-precompiled-binaries.grpc.io/grpc/v1.24.2/node-v79-darwin-x64-unknown.tar.gz
node-pre-gyp WARN Pre-built binaries not installable for grpc@1.24.2 and node@13.8.0 (node-v79 ABI, unknown) (falling back to source compile with node-gyp) 
node-pre-gyp WARN Hit error connect ETIMEDOUT 104.28.23.74:443 
gyp info it worked if it ends with ok
gyp info using node-gyp@5.0.3
gyp info using node@13.8.0 | darwin | x64
gyp info ok 
gyp info it worked if it ends with ok
gyp info using node-gyp@5.0.3
gyp info using node@13.8.0 | darwin | x64
gyp info find Python using Python version 2.7.10 found at "/usr/bin/python"
gyp info spawn /usr/bin/python

Especially this line

node-pre-gyp WARN Hit error connect ETIMEDOUT 104.28.23.74:443

I guess it is because of the connection timeout

TarikHuber commented

Can you pls try a clean Create React App install without any template and check if you get the same error there

RaiMX commented

Can you pls try a clean Create React App install without any template and check if you get the same error there

Did that and it installed OK
used following command npm init react-app test-app

(base) KILLERmacs-MacBook-Pro:www raimx$ npm init react-app test-app
npx: installed 99 in 10.869s

Creating a new React app in /Users/raimx/Desktop/www/test-app.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...

yarn add v1.19.1
[1/4] πŸ”  Resolving packages...
[2/4] 🚚  Fetching packages...
[3/4] πŸ”—  Linking dependencies...
warning "react-scripts > @typescript-eslint/eslint-plugin > tsutils@3.17.1" has unmet peer dependency "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta".
warning "react-scripts > eslint-config-react-app@5.2.0" has incorrect peer dependency "eslint-plugin-flowtype@3.x".
[4/4] πŸ”¨  Building fresh packages...
success Saved lockfile.
success Saved 29 new dependencies.
info Direct dependencies
β”œβ”€ cra-template@1.0.1
β”œβ”€ react-dom@16.12.0
β”œβ”€ react-scripts@3.3.1
└─ react@16.12.0
info All dependencies
β”œβ”€ @babel/plugin-proposal-class-properties@7.8.3
β”œβ”€ @babel/plugin-proposal-decorators@7.8.3
β”œβ”€ @babel/plugin-proposal-numeric-separator@7.8.3
β”œβ”€ @babel/plugin-syntax-decorators@7.8.3
β”œβ”€ @babel/plugin-syntax-flow@7.8.3
β”œβ”€ @babel/plugin-syntax-numeric-separator@7.8.3
β”œβ”€ @babel/plugin-transform-flow-strip-types@7.8.3
β”œβ”€ @babel/plugin-transform-runtime@7.8.3
β”œβ”€ @babel/plugin-transform-typescript@7.8.3
β”œβ”€ @babel/preset-typescript@7.8.3
β”œβ”€ @types/color-name@1.1.1
β”œβ”€ babel-plugin-macros@2.8.0
β”œβ”€ babel-plugin-named-asset-import@0.3.6
β”œβ”€ babel-preset-react-app@9.1.1
β”œβ”€ core-js@3.6.4
β”œβ”€ cra-template@1.0.1
β”œβ”€ eslint-config-react-app@5.2.0
β”œβ”€ filesize@6.0.1
β”œβ”€ fork-ts-checker-webpack-plugin@3.1.1
β”œβ”€ open@6.4.0
β”œβ”€ picomatch@2.2.1
β”œβ”€ pkg-up@3.1.0
β”œβ”€ react-app-polyfill@1.0.6
β”œβ”€ react-dev-utils@10.1.0
β”œβ”€ react-dom@16.12.0
β”œβ”€ react-error-overlay@6.0.5
β”œβ”€ react-scripts@3.3.1
β”œβ”€ react@16.12.0
└─ scheduler@0.18.0
✨  Done in 24.69s.

Installing template dependencies using yarnpkg...
yarn add v1.19.1
[1/4] πŸ”  Resolving packages...
[2/4] 🚚  Fetching packages...
[3/4] πŸ”—  Linking dependencies...
warning "react-scripts > eslint-config-react-app@5.2.0" has incorrect peer dependency "eslint-plugin-flowtype@3.x".
warning "react-scripts > @typescript-eslint/eslint-plugin > tsutils@3.17.1" has unmet peer dependency "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta".
warning " > @testing-library/user-event@7.2.1" has unmet peer dependency "@testing-library/dom@>=5".
[4/4] πŸ”¨  Building fresh packages...
success Saved lockfile.
success Saved 18 new dependencies.
info Direct dependencies
β”œβ”€ @testing-library/jest-dom@4.2.4
β”œβ”€ @testing-library/react@9.4.0
β”œβ”€ @testing-library/user-event@7.2.1
β”œβ”€ react-dom@16.12.0
└─ react@16.12.0
info All dependencies
β”œβ”€ @sheerun/mutationobserver-shim@0.3.2
β”œβ”€ @testing-library/dom@6.12.2
β”œβ”€ @testing-library/jest-dom@4.2.4
β”œβ”€ @testing-library/react@9.4.0
β”œβ”€ @testing-library/user-event@7.2.1
β”œβ”€ @types/prop-types@15.7.3
β”œβ”€ @types/react-dom@16.9.5
β”œβ”€ @types/react@16.9.19
β”œβ”€ @types/testing-library__dom@6.12.1
β”œβ”€ @types/testing-library__react@9.1.2
β”œβ”€ css.escape@1.5.1
β”œβ”€ csstype@2.6.8
β”œβ”€ min-indent@1.0.0
β”œβ”€ react-dom@16.12.0
β”œβ”€ react@16.12.0
β”œβ”€ redent@3.0.0
β”œβ”€ strip-indent@3.0.0
└─ wait-for-expect@3.0.2
✨  Done in 7.23s.
Removing template package using yarnpkg...

yarn remove v1.19.1
[1/2] πŸ—‘  Removing module cra-template...
[2/2] πŸ”¨  Regenerating lockfile and installing missing dependencies...
warning " > @testing-library/user-event@7.2.1" has unmet peer dependency "@testing-library/dom@>=5".
warning "react-scripts > eslint-config-react-app@5.2.0" has incorrect peer dependency "eslint-plugin-flowtype@3.x".
warning "react-scripts > @typescript-eslint/eslint-plugin > tsutils@3.17.1" has unmet peer dependency "typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta".
success Uninstalled packages.
✨  Done in 7.77s.

Initialized a git repository.

Success! Created test-app at /Users/raimx/Desktop/www/test-app
Inside that directory, you can run several commands:

  yarn start
    Starts the development server.

  yarn build
    Bundles the app into static files for production.

  yarn test
    Starts the test runner.

  yarn eject
    Removes this tool and copies build dependencies, configuration files
    and scripts into the app directory. If you do this, you can’t go back!

We suggest that you begin by typing:

  cd test-app
  yarn start

Happy hacking!
TarikHuber commented

Did you try the steps from #37

RaiMX commented

Did you try the steps from #37

After following steps from comment, in the application folder I see only following files and folders:

  • package.json
  • package-lock.json
  • node_modules
  • yarn.lock

Nothing else

TarikHuber commented

Did you try it without yarn?

RaiMX commented

Did you try it without yarn?

I don't know how to do it

TarikHuber commented

I mean to do it with npm

RaiMX commented

errors occur after

grpc@1.24.2 install L:\wamp64\www\react-most-wanted\node_modules\grpc
node-pre-gyp install --fallback-to-build --library=static_library

RaiMX commented

?

Can you please tell your version of:
nodejs
npm
what operatin system

TarikHuber commented

I'm always on the LTS version