创建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和缓存清理，但这对我有用。