Response timeout while trying to fetch https://registry.npmjs.org/@svgr%2fwebpack

[PrayasMishra]

Describe the bug

C:\Users\ASUS>npm install -g create-react-app
C:\Users\ASUS\AppData\Roaming\npm\create-react-app -> C:\Users\ASUS\AppData\Roaming\npm\node_modules\create-react-app\index.js

• create-react-app@3.4.1
  added 98 packages from 46 contributors in 144.736s

C:\Users\ASUS>npx create-react-app myfirstreact

Creating a new React app in C:\Users\ASUS\myfirstreact.

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

npm ERR! Response timeout while trying to fetch https://registry.npmjs.org/@svgr%2fwebpack (over 30000ms)

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\ASUS\AppData\Roaming\npm-cache_logs\2020-06-12T18_04_01_924Z-debug.log

Aborting installation.
npm install --save --save-exact --loglevel error react react-dom react-scripts cra-template has failed.

Deleting generated file... package.json
Deleting myfirstreact/ from C:\Users\ASUS
Done.
(Write your answer here.)

Did you try recovering your dependencies?

C:\Users\ASUS> npm install -g npm@latest

C:\Users\ASUS\AppData\Roaming\npm\npm -> C:\Users\ASUS\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js
C:\Users\ASUS\AppData\Roaming\npm\npx -> C:\Users\ASUS\AppData\Roaming\npm\node_modules\npm\bin\npx-cli.js

• npm@6.14.5
  added 435 packages from 873 contributors in 66.715s

C:\Users\ASUS>npm install
npm WARN saveError ENOENT: no such file or directory, open 'C:\Users\ASUS\package.json'
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN enoent ENOENT: no such file or directory, open 'C:\Users\ASUS\package.json'
npm WARN ASUS No description
npm WARN ASUS No repository field.
npm WARN ASUS No README data
npm WARN ASUS No license field.

up to date in 2.459s
found 0 vulnerabilities

C:\Users\ASUS>npm --version
6.14.5

(Write your answer here.)

Which terms did you search for in User Guide?

(Write your answer here if relevant.)

Environment

C:\Users\ASUS>npx create-react-app --info

Environment Info:

current version of create-react-app: 3.4.1
running from C:\Users\ASUS\AppData\Roaming\npm\node_modules\create-react-app

System:
OS: Windows 10 10.0.18362
CPU: (8) x64 AMD Ryzen 5 3500U with Radeon Vega Mobile Gfx
Binaries:
Node: 12.18.0 - C:\Program Files\nodejs\node.EXE
Yarn: Not Found
npm: 6.14.5 - C:\Program Files\nodejs\npm.CMD
Browsers:
Edge: 44.18362.1.0
Internet Explorer: 11.0.18362.1
npmPackages:
react: Not Found
react-dom: Not Found
react-scripts: Not Found
npmGlobalPackages:
create-react-app: Not Found

(paste the output of the command here.)

Steps to reproduce

(Write your steps here:)

1. npm install -g create-react-app
2. npx create-react-app myfirstreact

Expected behavior

create the react app myfirstreact

(Write what you thought would happen.)

Actual behavior

Creating a new React app in C:\Users\ASUS\myfirstreact.

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

npm ERR! Response timeout while trying to fetch https://registry.npmjs.org/@svgr%2fwebpack (over 30000ms)

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\ASUS\AppData\Roaming\npm-cache_logs\2020-06-12T18_04_01_924Z-debug.log

Aborting installation.
npm install --save --save-exact --loglevel error react react-dom react-scripts cra-template has failed.

Deleting generated file... package.json
Deleting myfirstreact/ from C:\Users\ASUS
Done.

(Write what happened. Please add screenshots!)

Reproducible demo

(Paste the link to an example project and exact instructions to reproduce the issue.)

[petetnt]

Hi @PrayasMishra,

this seems to be due to NPM registry timing out. You could try a closer NPM registry mirror or try again later.