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中的float运算精度实例分析
Aug 21 Javascript
使用Sticker.js实现贴纸效果
Jan 28 Javascript
jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板
Apr 30 Javascript
各式各样的导航条效果css3结合jquery代码实现
Sep 17 Javascript
使用UrlConnection实现后台模拟http请求的简单实例
Jan 04 Javascript
bootstrap常用组件之头部导航实现代码
Apr 20 Javascript
深入理解Commonjs规范及Node模块实现
May 17 Javascript
Kindeditor单独调用多图上传实例
Jul 31 Javascript
.vue文件 加scoped 样式不起作用的解决方法
May 28 Javascript
详解关于Vue版本不匹配问题(Vue packages version mismatch)
Sep 17 Javascript
Node绑定全局TraceID的实现方法
Nov 14 Javascript
JS倒计时两种实现方式代码实例
Jul 27 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 和 MySQL 时区的一点总结
2008/03/26 PHP
CodeIgniter针对数据库的连接、配置及使用方法
2016/03/03 PHP
音乐播放用的的几个函数
2006/09/07 Javascript
原生js拖拽(第一课 未兼容)拖拽思路
2013/03/29 Javascript
jquery mobile实现拨打电话功能的几种方法
2013/08/05 Javascript
Javascript基础教程之比较操作符
2015/01/18 Javascript
jQuery中inArray方法注意事项分析
2016/01/25 Javascript
jquery获取img的src值的简单实例
2016/05/17 Javascript
打造自己的jQuery插件入门教程
2016/09/23 Javascript
angularjs指令之绑定策略(@、=、&)
2017/04/13 Javascript
React学习笔记之事件处理(二)
2017/07/02 Javascript
使用angular帮你实现拖拽的示例
2017/07/05 Javascript
如何从0开始用node写一个自己的命令行程序
2018/12/29 Javascript
深入理解webpack process.env.NODE_ENV配置
2020/02/23 Javascript
针对Vue路由history模式下Nginx后台配置操作
2020/10/22 Javascript
原生js实现自定义滚动条组件
2021/01/20 Javascript
[59:35]DOTA2-DPC中国联赛定级赛 Aster vs DLG BO3第一场 1月8日
2021/03/11 DOTA
Python Tkinter GUI编程入门介绍
2015/03/10 Python
使用IPython下的Net-SNMP来管理类UNIX系统的教程
2015/04/15 Python
深入理解Python中的内置常量
2017/05/20 Python
python下载图片实现方法(超简单)
2017/07/21 Python
Python实现中一次读取多个值的方法
2018/04/22 Python
Python 数值区间处理_对interval 库的快速入门详解
2018/11/16 Python
18个Python脚本可加速你的编码速度(提示和技巧)
2019/10/17 Python
对python中arange()和linspace()的区别说明
2020/05/03 Python
世界领先的高品质定制产品平台:Zazzle
2017/07/23 全球购物
迷你唐卡软皮鞋:Minnetonka Moccasin
2018/05/01 全球购物
英国复古皮包品牌:Beara Beara
2018/07/18 全球购物
会计与审计专业大专生求职信
2013/10/03 职场文书
yy婚礼司仪主持词
2014/03/14 职场文书
网络工程专业自荐信范文
2014/03/16 职场文书
尊师重教演讲稿
2014/09/04 职场文书
公司感谢信范文
2015/01/22 职场文书
安全教育第一课观后感
2015/06/17 职场文书
MySQL中InnoDB存储引擎的锁的基本使用教程
2021/05/26 MySQL
Java获取e.printStackTrace()打印的信息方式
2021/08/07 Java/Android