npx create-react-app xxx创建项目报错的解决办法


Posted in Javascript onFebruary 17, 2020

手头有一台大学时代的Windows电脑,它此前没有装过create-react-app,只装了node环境。版本信息:node -> 10.16.3,npm -> 6.9.0。前几日闲的无事想给它装个React,结果失败了,报了错,所以有了下面这出。

安装过程

npx create-react-app xxx创建项目报错的解决办法

根据React官方文档(上图)可以发现,此时并不需要安装create-react-app工具,只要你的node >= 8.10 && npm >= 5.6,就可以直接使用npx create-react-app命令来创建项目。

报错

好的?,那就根据上面的来呗,输入npx create-react-app,这时就出现了前文提到的错误,错误信息如下

npm ERR! code ENOLOCAL
npm ERR! Could not install from "Files\nodejs\node_cache\_npx\1452" as it does not contain a package.json file.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Program Files\nodejs\node_cache\_logs\2020-02-14T14_46_10_318Z-debug.log
Install for create-react-app@latest failed with code 1

此时的我还是懵逼的,仔细检查了版本信息和命令,发现并没有不对,之后重复几次还是同样的错误。仔细瞧了瞧报错信息,是说Files\nodejs\node_cache\_npx\1452这个路径下没有package.json文件。然而并没有什么*用,咱还是不懂......

解决

只好祭出百度大法,一顿操作,走了不少弯路,不过还是让我找到了一位大佬写的解决办法,在此鸣谢这位大佬。

出现问题的原因是node_cache的路径中存在空格,所以根据上文报错信息中的路径去找肯定找不到。。。

npm config set prefix "E:\Program~1\nodejs\node_global"
npm config set cache "E:\Program~1\nodejs\node_cache"

我们将路径重设,指定到其他的地方,当然可以不跟上面的路径一样。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript中函数声明优先于变量声明的实例分析
Mar 01 Javascript
javascript页面上使用动态时间具体实现
Mar 18 Javascript
javascript写的一个模拟阅读小说的程序
Apr 04 Javascript
Javascript闭包实例详解
Nov 29 Javascript
jQuery Easyui使用(一)之可折叠面板的布局手风琴菜单
Aug 17 Javascript
HTML5canvas 绘制一个圆环形的进度表示实例
Dec 16 Javascript
两种简单的跨域方法(jsonp、php)
Jan 02 Javascript
JavaScript实现的数字与字符串转换功能示例
Aug 23 Javascript
vue mint-ui学习笔记之picker的使用
Oct 11 Javascript
从源码里了解vue中的nextTick的使用
Nov 22 Javascript
vue倒计时刷新页面不会从头开始的解决方法
Mar 03 Javascript
openlayers4实现点动态扩散
Aug 17 Javascript
Vue的双向数据绑定实现原理解析
Feb 17 #Javascript
JavaScript函数Call、Apply原理实例解析
Feb 17 #Javascript
javascript异常处理实现原理详解
Feb 17 #Javascript
Vue+webpack实现懒加载过程解析
Feb 17 #Javascript
javascript History对象原理解析
Feb 17 #Javascript
Vue中fragment.js使用方法小结
Feb 17 #Javascript
javascript实现倒计时效果
Feb 17 #Javascript
You might like
php preg_match_all结合str_replace替换内容中所有img
2008/10/11 PHP
ThinkPHP模板判断输出Defined标签用法详解
2014/06/30 PHP
php+xml编程之xpath的应用实例
2015/01/24 PHP
关于PHP中Session文件过多的问题及session文件保存位置
2016/03/17 PHP
Yii框架安装简明教程
2020/05/15 PHP
js操作select控件的几种方法
2010/06/02 Javascript
jquery.jstree 增加节点的双击事件代码
2010/07/27 Javascript
JS定时器实例详细分析
2013/10/11 Javascript
JavaScript判断表单中多选框checkbox选中个数的方法
2015/08/17 Javascript
jQuery实现图片走马灯效果的原理分析
2016/01/16 Javascript
Angularjs 实现一个幻灯片示例代码
2016/09/08 Javascript
微信小程序 数组中的push与concat的区别
2017/01/05 Javascript
深入对Vue.js $watch方法的理解
2017/03/20 Javascript
详解Vue2 SSR 缓存 Api 数据
2017/11/20 Javascript
Vue中自定义全局组件的实现方法
2017/12/08 Javascript
详解vue 图片上传功能
2019/04/30 Javascript
Python Web服务器Tornado使用小结
2014/05/06 Python
Python实现3行代码解简单的一元一次方程
2014/08/18 Python
python实现颜色rgb和hex相互转换的函数
2015/03/19 Python
python简单商城购物车实例代码
2018/03/15 Python
查看python下OpenCV版本的方法
2018/08/03 Python
详解Python with/as使用说明
2018/12/13 Python
Python如何调用外部系统命令
2019/08/07 Python
Python3.7基于hashlib和Crypto实现加签验签功能(实例代码)
2019/12/04 Python
关于Pytorch的MNIST数据集的预处理详解
2020/01/10 Python
CSS3 实现飘动的云朵动画
2020/12/01 HTML / CSS
美国电力供应商店/电气批发商:USESI
2018/10/12 全球购物
公务员转正鉴定材料
2014/02/11 职场文书
企业消防安全责任书
2014/07/23 职场文书
群教班子对照检查材料
2014/08/26 职场文书
公司出纳岗位职责
2015/03/31 职场文书
施工安全责任协议书
2016/03/23 职场文书
golang日志包logger的用法详解
2021/05/05 Golang
Spring-cloud Config Server的3种配置方式
2021/09/25 Java/Android
Python Pandas数据分析之iloc和loc的用法详解
2021/11/11 Python
ICOM R71E和R72E图文对比解说
2022/04/07 无线电