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 一个自定义长度的文本自动换行的函数
Aug 19 Javascript
非常漂亮的JS代码经典广告
Oct 21 Javascript
JSON.stringify 语法实例讲解
Mar 14 Javascript
Jquery图片滚动与幻灯片的实例代码
Apr 08 Javascript
js加密解密字符串可自定义密码因子
May 13 Javascript
jquery实现鼠标滑过后动态图片提示效果实例
Aug 10 Javascript
基于jQuery通过jQuery.form.js插件实现异步上传
Dec 13 Javascript
对Angular.js Controller如何进行单元测试
Oct 25 Javascript
安装vue-cli的简易过程
May 22 Javascript
微信小程序支付功能 php后台对接完整代码分享
Jun 12 Javascript
详解Bootstrap 学习(一)入门
Apr 12 Javascript
vue 中使用 watch 出现了如下的报错的原因分析
May 21 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
Zend Framework教程之MVC框架的Controller用法分析
2016/03/07 PHP
Zend Framework入门之环境配置及第一个Hello World示例(附demo源码下载)
2016/03/21 PHP
PHP实现在数据库百万条数据中随机获取20条记录的方法
2017/04/19 PHP
统一接口:为FireFox添加IE的方法和属性的js代码
2007/03/25 Javascript
浅析jQuery的链式调用之each函数
2010/12/03 Javascript
JS实现进入页面时渐变背景色的方法
2015/02/25 Javascript
jQuery实现伸展与合拢panel的方法
2015/04/30 Javascript
jQuery实现的简单折叠菜单(折叠面板)效果代码
2015/09/16 Javascript
jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)
2016/04/08 Javascript
bootstrap监听滚动实现头部跟随滚动
2016/11/08 Javascript
JS实用的带停顿的逐行文本循环滚动效果实例
2016/11/23 Javascript
Bootstrap选项卡学习笔记分享
2017/02/13 Javascript
js如何获取网页所有图片
2017/05/12 Javascript
JavaScript实现树的遍历算法示例【广度优先与深度优先】
2017/10/26 Javascript
vue移动端微信授权登录插件封装的实例
2018/08/28 Javascript
实例讲解v-if和v-show的区别
2019/01/31 Javascript
JS XMLHttpRequest原理与使用方法深入详解
2020/04/30 Javascript
js实现随机点名器精简版
2020/06/29 Javascript
在Angular项目使用socket.io实现通信的方法
2021/01/05 Javascript
[02:03]风行者至宝清风环佩外观展示
2020/09/05 DOTA
如何使用七牛Python SDK写一个同步脚本及使用教程
2015/08/23 Python
python3中int(整型)的使用教程
2017/03/23 Python
Python cookbook(数据结构与算法)找到最大或最小的N个元素实现方法示例
2018/02/13 Python
Python利用正则表达式实现计算器算法思路解析
2018/04/25 Python
python3中os.path模块下常用的用法总结【推荐】
2018/09/16 Python
Python面向对象原理与基础语法详解
2020/01/02 Python
Pycharm中切换pytorch的环境和配置的教程详解
2020/03/13 Python
python代码能做成软件吗
2020/07/24 Python
土耳其风格手工珠宝:Ottoman Hands
2019/07/26 全球购物
大学校园活动策划书
2014/02/04 职场文书
农村婚礼主持词
2014/03/13 职场文书
张家口市高新区党工委群众路线教育实践活动整改方案
2014/10/25 职场文书
2014乡党委副书记党建工作汇报材料
2014/11/02 职场文书
2014年业务员工作总结范文
2014/11/17 职场文书
CAD实训总结范文
2015/08/03 职场文书
驾驶员安全责任协议书
2016/03/22 职场文书