create-react-app 无法使用npx或yarn创建React应用

uyhoqukh  于 2个月前  发布在  React
关注(0)|答案(4)|浏览(57)

无法使用npx或yarn创建新的React项目,也无法将必要的依赖包安装到现有的React项目中。出现以下错误:

$ npx create-react-app new-fr
Creating a new React app in C:\Users\HP\Desktop\side-projects\fresh
ew-fr.
Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...
npm ERR! code UNKNOWN
npm ERR! syscall mkdir
npm ERR! path C:\Users\HP\AppData\Local
npm ERR! errno UNKNOWN
npm ERR! Invalid response body while trying to fetch [https://registry.npmjs.org/@babel%2fplugin-transform-react-jsx](https://registry.npmjs.org/@babel%2fplugin-transform-react-jsx) : UNKNOWN: unknown error, mkdir 'C:\Users\HP\AppData\Local
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\HPAppData\Local
npm ERR! log_2022-07-16T09_58_49_000Z-debug-0.log
Aborting installation.
npm install --no-audit --save --save-exact --loglevel error react react-dom react-scripts cra-template has failed.
Deleting generated file... package.json
Deleting new-fr/ from C:\Users\HP\Desktop\side-projects\fresh
Done.
jdzmm42g

jdzmm42g1#

你尝试过运行提升权限的命令提示符吗?
按下Windows+R键打开“运行”框。在框内输入“cmd”,然后按Ctrl+Shift+Enter以管理员身份运行命令。确认通过检查命令提示符的标题。
现在尝试运行CRA。如果你仍然遇到问题,你能查看错误提到的日志文件看看是否有更多详细信息吗?

juzqafwq

juzqafwq2#

Create-react-app 是一个过时的创建 React 应用的解决方案。
只需使用 Vite 并运行:
npm init vite
然后,选择 React 模板

8i9zcol2

8i9zcol23#

你尝试过运行提升权限的命令提示符吗?
按下Windows+R键打开“运行”框。在框中输入“cmd”,然后按Ctrl+Shift+Enter以管理员身份运行命令。确认通过检查命令提示符的标题。
现在尝试运行CRA。如果你仍然遇到问题,你能检查一下错误提到的日志文件看看是否有更多的细节吗?
我已经尝试过这个方法,但我仍然有同样的问题。我也尝试清除npm缓存,但是缓存无法清除

xsuvu9jc

xsuvu9jc4#

请按照以下步骤操作:

  1. 检查您的节点和yarn是否已更新,如果没有,请进行更新。
  2. 如果您之前通过npm全局安装了create-react-app,建议使用npm卸载全局包(npm uninstall -g create-react-app)或yarn global remove create-react-app以确保npx始终使用最新版本(您可以使用npm list -g全局安装包)。
  3. 清除/清理您的npm和yarn缓存(yarn cache clean或npm cache clean –force分别)。
  4. 然后尝试再次运行npx create-react-app new-fr
    希望这对您有所帮助。

相关问题