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 相关文章推荐
(仅IE下有效)关于checkbox 三态
May 12 Javascript
javascript写的一个链表实现代码
Oct 25 Javascript
jquery 表格分页等操作实现代码(pagedown,pageup)
Apr 11 Javascript
鼠标事件延时切换插件
Mar 12 Javascript
js创建子窗口并且回传值示例代码
Jul 02 Javascript
jQuery编写设置和获取颜色的插件
Jan 09 Javascript
ES6学习笔记之Set和Map数据结构详解
Apr 07 Javascript
vue.draggable实现表格拖拽排序效果
Dec 01 Javascript
浅谈关于JS下大批量异步任务按顺序执行解决方案一点思考
Jan 08 Javascript
javascript History对象原理解析
Feb 17 Javascript
vue实现打地鼠小游戏
Aug 21 Javascript
Taro小程序自定义顶部导航栏功能的实现
Dec 17 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 一元分词算法
2009/11/30 PHP
JQuery this 和 $(this) 的区别
2009/08/23 Javascript
javascript 二分法(数组array)
2010/04/24 Javascript
Jquery AJAX 用于计算点击率(统计)
2010/06/30 Javascript
Sort()函数的多种用法
2016/03/20 Javascript
AngularJS指令详解及示例代码
2016/08/16 Javascript
jquery点击切换背景色的简单实例
2016/08/25 Javascript
一个极为简单的requirejs实现方法
2016/10/20 Javascript
BootStrap Validator对于隐藏域验证和程序赋值即时验证的问题浅析
2016/12/01 Javascript
jquery ajaxfileupload异步上传插件
2017/11/21 jQuery
vue项目搭建以及全家桶的使用详细教程(小结)
2018/12/19 Javascript
JavaScript RegExp 对象用法详解
2019/09/24 Javascript
JavaScript Date对象功能与用法学习记录
2020/04/28 Javascript
详解JavaScript匿名函数和闭包
2020/07/10 Javascript
JS实现购物车基本功能
2020/11/08 Javascript
Python中用Ctrl+C终止多线程程序的问题解决
2013/03/30 Python
Python open()文件处理使用介绍
2014/11/30 Python
Python中的复制操作及copy模块中的浅拷贝与深拷贝方法
2016/07/02 Python
详解python进行mp3格式判断
2016/12/23 Python
Python获取SQLite查询结果表列名的方法
2017/06/21 Python
python机器学习实战之最近邻kNN分类器
2017/12/20 Python
Python+Turtle动态绘制一棵树实例分享
2018/01/16 Python
Python面向对象之反射/自省机制实例分析
2018/08/24 Python
利用Django提供的ModelForm增删改数据的方法
2019/01/06 Python
Python可变和不可变、类的私有属性实例分析
2019/05/31 Python
如何Tkinter模块编写Python图形界面
2020/10/14 Python
加拿大消费电子和手机购物网站:The Source
2017/01/28 全球购物
Superdry极度干燥美国官网:英国制造的服装品牌
2018/11/13 全球购物
Myprotein俄罗斯官网:欧洲第一运动营养品牌
2019/05/05 全球购物
《海伦?凯勒》教学反思
2014/04/17 职场文书
关爱老人标语
2014/06/21 职场文书
大专生自我鉴定怎么写
2014/09/16 职场文书
听证通知书
2015/04/24 职场文书
2015年校本培训工作总结
2015/07/24 职场文书
详解Nginx 工作原理
2021/03/31 Servers
Golang Gob编码(gob包的使用详解)
2021/05/07 Golang