windows下create-react-app 升级至3.3.1版本踩坑记


Posted in Javascript onFebruary 17, 2020

windows下create-react-app 升级至3.3.1版本踩坑记

电脑原先使用npm install -g create-react-app命令全局安装过,根据文档先全局卸载npm uninstall -g create-react-app,然后采用npx create-react-app my-app创建项目。然而,项目创建完后,却只生成了node_modules,package.json,package_lock.jsonyarn.lock这几个文件夹,同时报错:

windows下create-react-app 升级至3.3.1版本踩坑记

解决

1、运行create-react-app -V查看版本号,发现还可以拿到版本号,说明未被完全删除。
2、运行where create-react-app命令,若是有返回内容,则将返回内容全部手动删除。在我的电脑上操作,返回了以下两个文件路径。

C:\Users\XXXX\AppData\Local\Yarn\config\global\node_modules\.bin\create-
react-app
C:\Users\XXXXX\AppData\Local\Yarn\config\global\node_modules\.bin\create-
react-app.cmd

3、再次运行create-react-app -V查看版本号,可看到

windows下create-react-app 升级至3.3.1版本踩坑记

4、运行npx create-react-app my-app命令。

问题

若是运行npx create-react-app my-app命令,出现

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

根据

windows下create-react-app 升级至3.3.1版本踩坑记

是因为安装node的路径中存在空格。我的node是安装在E:\Program Files\nodejs,它并不识别Program Files中的空格。

解决方法:

cmd开启dos窗口,运行

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

参考自:
Template not provided using create-react-app
windows中node环境采坑

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

Javascript 相关文章推荐
JQuery 学习笔记01 JQuery初接触
May 06 Javascript
基于jquery的loading 加载提示效果实现代码
Sep 01 Javascript
基于JQuery的一句话搞定手风琴菜单
Sep 14 Javascript
JavaScript的递归之递归与循环示例介绍
Aug 05 Javascript
本人自用的global.js库源码分享
Feb 28 Javascript
JS组件Bootstrap实现图片轮播效果
May 16 Javascript
jquery配合.NET实现点击指定绑定数据并且能够一键下载
Oct 28 Javascript
jQuery插件HighCharts绘制的2D堆柱状图效果示例【附demo源码下载】
Mar 14 Javascript
JS实现的全排列组合算法示例
Oct 09 Javascript
Echart折线图手柄触发事件示例详解
Dec 16 Javascript
微信小程序实现卡片层叠滑动效果
Jun 21 Javascript
vue tab滚动到一定高度,固定在顶部,点击tab切换不同的内容操作
Jul 22 Javascript
npx create-react-app xxx创建项目报错的解决办法
Feb 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
You might like
php运行出现Call to undefined function curl_init()的解决方法
2010/11/02 PHP
php中取得URL的根域名的代码
2011/03/23 PHP
PHP容易被忽略而出错陷阱 数字与字符串比较
2011/11/10 PHP
浅析PHP的ASCII码转换类
2013/07/05 PHP
zf框架的校验器InArray使用示例
2014/03/13 PHP
php $_SESSION会员登录实例分享
2021/01/19 PHP
浅谈PHP eval()函数定义和用法
2016/06/21 PHP
laravel-admin 后台表格筛选设置默认的查询日期方法
2019/10/03 PHP
JavaScript中的对象化编程
2008/01/16 Javascript
百度Popup.js弹出框进化版 拖拽小框架发布 兼容IE6/7/8,Firefox,Chrome
2010/04/13 Javascript
location.href语句与火狐不兼容的问题
2010/07/04 Javascript
Jquery index()方法 获取相应元素索引值
2012/10/12 Javascript
jquery制作居中遮罩层效果分享
2014/02/21 Javascript
JavaScript 事件对象介绍
2015/04/13 Javascript
jQuery基于ajax实现星星评论代码
2015/08/07 Javascript
javascript中的正则表达式使用详解
2015/08/30 Javascript
微信小程序 navigation API实例详解
2016/10/02 Javascript
js实现微博发布小功能
2017/01/12 Javascript
video.js使用改变ui过程
2017/03/05 Javascript
详解angular用$sce服务来过滤HTML标签
2017/04/11 Javascript
Vue键盘事件用法总结
2017/04/18 Javascript
Vue网页html转换PDF(最低兼容ie10)的思路详解
2017/08/24 Javascript
JavaScript中Object基础内部方法图
2018/02/05 Javascript
vue中动态设置meta标签和title标签的方法
2018/07/11 Javascript
小程序实现选择题选择效果
2018/11/04 Javascript
微信小程序蓝牙连接小票打印机实例代码详解
2019/06/03 Javascript
react实现antd线上主题动态切换功能
2019/08/12 Javascript
Python实现定时备份mysql数据库并把备份数据库邮件发送
2018/03/08 Python
关于python列表增加元素的三种操作方法
2018/08/22 Python
python 数据分析实现长宽格式的转换
2020/05/18 Python
解决c++调用python中文乱码问题
2020/07/29 Python
美国眼镜在线零售商:Dualens
2019/12/07 全球购物
煤矿机修工岗位职责
2014/02/07 职场文书
2015年科普工作总结
2015/07/23 职场文书
Nginx性能优化之Gzip压缩设置详解(最大程度提高页面打开速度)
2022/02/12 Servers
nginx实现多geoserver服务的负载均衡
2022/05/15 Servers