creat react app 報錯怎麼辦

2022-12-27 14:00:34

creat react app報錯的解決辦法:1、通過「npm config set registry https://registry.npm.taobao.org」切換淘寶映象源;2、通過執行「E:\workspace\demo\p4>npx create-react-app todolist」命令重新安裝即可。

本教學操作環境:Windows10系統、react18.0.0版、Dell G3電腦。

creat react app 報錯怎麼辦?

create-react-app安裝報錯

1. 錯誤原因

當建立React應用時候,執行 npx create-react-app todolist, 報以下錯誤:

E:\workspace\demo\p4>npx create-react-app todolist
npm ERR! code ETIMEDOUT
npm ERR! syscall connect
npm ERR! errno ETIMEDOUT
npm ERR! network request to https://registry.npmjs.org/create-react-app failed, reason: connect ETIMEDOUT 104.16.16.35:443
npm ERR! network This is a problem related to network connectivity.
npm ERR! network In most cases you are behind a proxy or have bad network settings.
npm ERR! network
npm ERR! network If you are behind a proxy, please make sure that the
npm ERR! network 'proxy' config is set properly.  See: 'npm help config'

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\storm\AppData\Local\npm-cache\_logs\2022-12-13T05_17_26_631Z-debug-0.log
登入後複製

2. 解決辦法

切換淘寶映象源

#換源
npm config set registry https://registry.npm.taobao.org
#檢視
npm config get registry
登入後複製

執行結果如下:

E:\workspace\demo\p4>npm config set registry https://registry.npm.taobao.org

E:\workspace\demo\p4>npm config get registry
https://registry.npm.taobao.org/
登入後複製

3. 再次安裝

E:\workspace\demo\p4>npx create-react-app todolist

Creating a new React app in E:\workspace\demo\p4\todolist.

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


added 1395 packages in 1m

Initialized a git repository.

Installing template dependencies using npm...

added 71 packages in 4s
Removing template package using npm...


removed 1 package in 2s

Created git commit.

Success! Created todolist at E:\workspace\demo\p4\todolist
Inside that directory, you can run several commands:

  npm start
    Starts the development server.

  npm run build
    Bundles the app into static files for production.

  npm test
    Starts the test runner.

  npm run 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 todolist
  npm start

Happy hacking!
登入後複製

推薦學習:《》

以上就是creat react app 報錯怎麼辦的詳細內容,更多請關注TW511.COM其它相關文章!