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 相关文章推荐
JS 创建对象(常见的几种方法)
Nov 03 Javascript
使用jQuery简化Ajax开发 Ajax开发入门
Oct 14 Javascript
javascript动画之圆形运动,环绕鼠标运动作小球
Jul 20 Javascript
jquery全选/全不选/反选另一种实现方法(配合原生js)
Apr 07 Javascript
js动态修改input输入框的type属性(实现方法解析)
Nov 13 Javascript
详解AngularJS 模态对话框
Apr 07 Javascript
Html5 js实现手风琴效果
Apr 17 Javascript
JavaScript复制内容到剪贴板的两种常用方法
Feb 27 Javascript
js input输入百分号保存数据库失败的解决方法
May 26 Javascript
vue实现同一个页面可以有多个router-view的方法
Sep 20 Javascript
Vue中控制v-for循环次数的实现方法
Sep 26 Javascript
vue页面切换过渡transition效果
Oct 08 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中神奇的fastcgi_finish_request
2011/05/02 PHP
解析在PHP中使用全局变量的几种方法
2013/06/24 PHP
smarty自定义函数htmlcheckboxes用法实例
2015/01/22 PHP
php简单获取目录列表的方法
2015/03/24 PHP
PHP读MYSQL中文乱码的快速解决方法
2016/10/01 PHP
php写app用的框架整理
2019/09/29 PHP
javascript 得到变量类型的函数
2010/05/19 Javascript
jquery延迟加载外部js实现代码
2013/01/11 Javascript
不用锚点也可以平滑滚动到页面的指定位置实现代码
2013/05/08 Javascript
浏览器的JavaScript引擎的识别方法
2013/10/20 Javascript
js中的replace方法使用介绍
2013/10/28 Javascript
js点击事件链接的问题解决
2014/04/25 Javascript
jquery模拟LCD 时钟的html文件源代码
2014/06/16 Javascript
动态载入js提高网页打开速度的方法
2014/07/04 Javascript
JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)
2014/10/16 Javascript
JavaScript中的类与实例实现方法
2015/01/23 Javascript
JS获取时间的相关函数及时间戳与时间日期之间的转换
2016/02/04 Javascript
jQuery实现可展开折叠的导航效果示例
2016/09/12 Javascript
Vuex简单入门
2017/04/19 Javascript
javascript+html5+css3自定义弹出窗口效果
2017/10/26 Javascript
利用js给datalist或select动态添加option选项的方法
2018/01/25 Javascript
vue-dplayer 视频播放器实例代码
2019/11/08 Javascript
[01:00:54]TI4正赛第二日开场
2014/07/20 DOTA
Python3实现抓取javascript动态生成的html网页功能示例
2017/08/22 Python
selenium+python自动化测试之使用webdriver操作浏览器的方法
2019/01/23 Python
python实现猜数游戏
2020/03/27 Python
初学者学习Python好还是Java好
2020/05/26 Python
韩国演唱会订票网站:StubHub韩国
2019/01/17 全球购物
校长就职演讲稿
2014/01/06 职场文书
小学生学习雷锋倡议书
2014/05/15 职场文书
传播学专业毕业生自荐书
2014/07/01 职场文书
土木工程专业本科生求职信
2014/10/01 职场文书
2014年教育培训工作总结
2014/12/08 职场文书
《日月潭》教学反思
2016/02/20 职场文书
2016年共产党员个人承诺书
2016/03/24 职场文书
Python编程根据字典列表相同键的值进行合并
2021/10/05 Python