React使用create-react-app 创建项目失败，解决方法

运行命令

npm install -g create-react-app
create-react-app  first-demo

在SF上查到说是或许是因为国内npm拉去资源，拉去不到的问题，可以试着从解决创建create-react-app慢的方法着手：

解决方法：

/换源
npm config set registry https://registry.npm.taobao.org
//配置后通过以下方法验证是否成功
npm config get registry

再重新使用create-react-app first-demo ，我这还是报错。。。

reating a new React app in /Users/xiaoxiao/Documents/MyReactDemo/first-demo.Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...npm ERR! code EACCES
npm ERR! syscall open
npm ERR! path /Users/xiaoxiao/.npm/_cacache/index-v5/6a/90/1b26ae190af490d7fd39a6673109d8c5b482e769a00ccdba888e1885697c
npm ERR! errno -13
npm ERR!
npm ERR! Your cache folder contains root-owned files, due to a bug in
npm ERR! previous versions of npm which has since been addressed.
npm ERR!
npm ERR! To permanently fix this problem, please run:
npm ERR!   sudo chown -R 501:20 "/Users/xiaoxiao/.npm"npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/xiaoxiao/.npm/_logs/2021-02-24T08_13_50_717Z-debug.log

再继续查解决方法，发现单独执行命令可以顺利解决问题，代码如下：

npm install -g react
npm install -g react-dom
npm install -g react-scripts

然后再重新创建 create-react-app first-demo ，终于成功了！！！

Success! Created first-demo at /Users/xiaoxiao/Documents/MyReactDemo/first-demo
Inside that directory, you can run several commands:npm startStarts the development server.npm run buildBundles the app into static files for production.npm testStarts the test runner.npm run ejectRemoves this tool and copies build dependencies, configuration filesand scripts into the app directory. If you do this, you can’t go back!We suggest that you begin by typing:cd first-demonpm startHappy hacking!

React使用create-react-app 创建项目失败，解决方法相关推荐

django-admin.py创建项目失败解决方法
环境:Ubuntu.python2.7.django1.9.5 当用django-admin.py startproject projectName创建对应的django项目时出现command no ...
pr(premiere)导出h.264显示“导出错误，创建编码器失败” 解决方法
PR导出h.264显示"导出错误,创建编码器失败" 解决方法解决方法:以管理员身份打开pr,再重新导出. (虽然不知道什么原理)
vue-cli3.x创建项目失败
vue-cli3.x创建项目失败使用vue create xxx选择自定义创建项目,出现如下错误: ERROR command failed: npm install --loglevel erro ...
vue ui网页创建项目失败
vue ui网页创建项目失败出现"Cannot set property 'context' of null"错误原因:vue-cli脚手架版本不正确解决方法:我第一次安装的是 ...
Anaconda 创建虚拟环境失败解决办法
Anaconda 创建虚拟环境失败解决办法 conda create -n universe python=3.6 在Anaconda中创建一个虚拟环境,出现了如下错误: CondaHTTPError ...
react native图片显示空白不显示的解决方法
react native图片显示空白不显示的解决方法常见的原因及解决方法: 1.检查js样式中给定的宽高条件和resizeMode 可以试试在添加宽高属性同时修改 resizeMode='stret ...
Eclipse Java Oxygen不能创建动态的web项目（解决方法）
Eclipse Java Oxygen不能创建动态的web项目(解决方法) 一.eclipse安装J2EE插件一.eclipse安装J2EE插件 Oxygen版本Eclipse没有toamct开发工 ...
Unity使用VS编辑器打开项目失败解决办法
Unity使用VS编辑器打开项目失败解决办法解决过程解决过程具体表现为:项目文件.sln无法打开,打开脚本文件后无法关联到Unity编辑器报错信息可能不同,参考出错表现即可首先去清除有逻辑错 ...
mysql新建数据库关系图_创建数据库关系图失败解决方法
本文章介绍了关于创建数据库关系图失败解决方法,有需要的同学可以参考一下下. 在新建或附加数据库后,想添加关系表,结果出现下面的错误: 此数据库没有有效所有者,因此无法安装数据库关系图支持对象.若要继续 ...
安装计算机的更新每次更新失败,win7电脑自动更新失败怎么办,电脑自动更新失败解决方法...
最近有位win7系统用户使用电脑的时候,却发现电脑自动更新失败的问题,用户不知道怎么解决这个问题,为此非常苦恼,那么win7电脑自动更新失败怎么办呢?今天为大家分享win7电脑自动更新失败的解决方法. ...

React使用create-react-app 创建项目失败，解决方法

React使用create-react-app 创建项目失败，解决方法相关推荐

最新文章

热门文章