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系列(13) This? Yes,this!
Jan 18 Javascript
判断及设置浏览器全屏模式
Apr 20 Javascript
JQuery调用绑定click事件的3种写法
Mar 28 Javascript
Javascript实现字数统计
Jul 03 Javascript
jquery对复选框(checkbox)的操作汇总
Jan 13 Javascript
JavaScript数据结构与算法之集合(Set)
Jan 29 Javascript
第九章之路径分页标签与徽章组件
Apr 25 Javascript
jQuery双向列表选择器DIV模拟版
Nov 01 Javascript
微信小程序 实现拖拽事件监听实例详解
Nov 16 Javascript
DropDownList控件绑定数据源的三种方法
Dec 24 Javascript
详解webpack介绍&安装&常用命令
Jun 29 Javascript
Angular实现图片裁剪工具ngImgCrop实践
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 cURL初始化和执行方法入门级代码
2015/05/28 PHP
php二维码生成
2015/10/19 PHP
php自定义函数实现二维数组排序功能
2016/07/20 PHP
PHP实现批量清空删除指定文件夹所有内容的方法
2017/05/30 PHP
php获得刚插入数据的id 的几种方法总结
2018/05/31 PHP
锋利的jQuery jQuery中的DOM操作
2010/03/21 Javascript
基于jquery的图片懒加载js
2010/06/30 Javascript
jQuery实现用户注册的表单验证示例
2013/08/28 Javascript
javascript去掉前后空格的实例
2013/11/07 Javascript
Javascript自执行匿名函数(function() { })()的原理浅析
2016/05/15 Javascript
浅析JavaScript 箭头函数 generator Date JSON
2016/05/23 Javascript
js实现可控制左右方向的无缝滚动效果
2016/05/29 Javascript
JS简单获取当前日期和农历日期的方法
2017/04/17 Javascript
ajax +NodeJS 实现图片上传实例
2017/06/06 NodeJs
详解如何让InstantClick兼容MathJax、百度统计等
2017/09/12 Javascript
vue采用EventBus实现跨组件通信及注意事项小结
2018/06/14 Javascript
bootstrap中的导航条实例代码详解
2019/05/20 Javascript
解决Mint-ui 框架Popup和Datetime Picker组件滚动穿透的问题
2020/11/04 Javascript
js 数据类型判断的方法
2020/12/03 Javascript
[58:11]守擂赛第二周擂主赛 DeMonsTer vs Leopard
2020/04/28 DOTA
用Python创建声明性迷你语言的教程
2015/04/13 Python
python实现指定字符串补全空格的方法
2015/04/30 Python
整理Python中的赋值运算符
2015/05/13 Python
python 串行执行和并行执行实例
2020/04/30 Python
详解tensorflow之过拟合问题实战
2020/11/01 Python
Django-celery-beat动态添加周期性任务实现过程解析
2020/11/26 Python
诗狄娜化妆品官方网站:Stila Cosmetics
2016/12/21 全球购物
美国迪克体育用品商店:DICK’S Sporting Goods
2018/07/24 全球购物
俄罗斯厨房产品购物网站:COOK HOUSE
2021/03/15 全球购物
举例说明类变量和实例变量的区别
2016/06/30 面试题
公司总经理工作职责管理办法
2014/02/28 职场文书
领导干部群众路线对照检查材料
2014/11/05 职场文书
2015年党员公开承诺书范文
2015/01/22 职场文书
卫生院义诊活动总结
2015/05/07 职场文书
PL350与SW11的比较
2021/04/22 无线电
Linux中如何安装并部署Redis
2022/04/18 Servers