創建React應用時出現NPM和Yarn注冊表問題

Question

使用create-react-app my-app ，會導致npm和yarn注冊表錯誤。 我試圖重新安裝節點並設置注冊表路徑，但是沒有運氣。 請提出解決方案

C:\Users\malliswarit\Desktop>create-react-app my-app

Creating a new React app in C:\Users\malliswarit\Desktop\my-app.

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

yarn add v1.9.4
info No lockfile found.
[1/4] Resolving packages...
warning react-scripts > autoprefixer > browserslist@2.11.3: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
warning react-scripts > babel-preset-react-app > babel-preset-env > browserslist@2.11.3: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
warning react-scripts > css-loader > cssnano > autoprefixer > browserslist@1.7.7: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
warning react-scripts > css-loader > cssnano > postcss-merge-rules > browserslist@1.7.7: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
warning react-scripts > jest > jest-cli > istanbul-api > istanbul-lib-hook@1.2.1: 1.2.0 should have been a major version bump
warning react-scripts > css-loader > cssnano > postcss-merge-rules > caniuse-api > browserslist@1.7.7: Browserslist 2 could fail on reading Browserslist >3.0 config used in other tools.
[2/4] Fetching packages...
error An unexpected error occurred: "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-5.0.2.tgz: Request failed \"404 Not Found\"".
info If you think this is a bug, please open a bug report with the information provided in "C:\\Users\\malliswarit\\Desktop\\my-app\\yarn-error.log".
info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.

Aborting installation.
  yarnpkg add --exact react react-dom react-scripts --cwd C:\Users\malliswarit\Desktop\my-app has failed.

Deleting generated file... package.json
Deleting generated file... yarn-error.log
Deleting my-app / from C:\Users\malliswarit\Desktop
Done.

Answer 1

嘗試用不帶-/的包URL進行yarn add ，然后運行create-react-app my-app ：

yarn add https://registry.yarnpkg.com/react-dev-utils/react-dev-utils-5.0.2.tgz

或者如果使用npm嘗試：

npm install -g react-dev-utils@https://registry.npmjs.org/react-dev-utils/react-dev-utils-5.0.2.tgz

供參考， 紗線添加

Answer 2

下面是解決此問題的步驟。 1）npm install -g react-dev-utils @ https://registry.npmjs.org/react-dev-utils/react-dev-utils-5.0.2.tgz 2）刪除.npmrc然后運行3）yarn配置設置strict-ssl false 4）create-react-app my-app

問題解決了。 謝謝大家

Answer 3

npm uninstall -g create-react-app

npm uninstall -g yarn

npm cache clean --force

npm install -g create-react-app

create-react-app cool-projecy-name

不知道是否需要卸載create-react-app和緩存清理，但這對我有用。