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 相关文章推荐
FormValidate 表单验证功能代码更新并提供下载
Aug 23 Javascript
js常用排序实现代码
Dec 28 Javascript
Jquery多选框互相内容交换的实例代码
Jul 04 Javascript
通过JS来判断页面控件是否获取焦点
Jan 03 Javascript
jQuery中attr()方法用法实例
Jan 05 Javascript
jQuery实现验证年龄简单思路
Feb 24 Javascript
倾力总结40条常见的移动端Web页面问题解决方案
May 24 Javascript
vue+vuex+axios实现登录、注册页权限拦截
Mar 09 Javascript
关于vue编译版本引入的问题的解决
Sep 17 Javascript
highcharts.js数据绑定方式代码实例
Nov 13 Javascript
小程序组件传值和引入sass的方法(使用vant Weapp组件库)
Nov 24 Javascript
Nest.js 授权验证的方法示例
Feb 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
Window下PHP三种运行方式图文详解
2013/06/11 PHP
Thinkphp5结合layer弹窗定制操作结果页面
2017/07/07 PHP
在textarea文本域中显示HTML代码的方法
2007/03/06 Javascript
JavaScript与C# Windows应用程序交互方法
2007/06/29 Javascript
千分位数字格式化(用逗号隔开 代码已做了修改 支持0-9位逗号隔开)的JS代码
2013/12/05 Javascript
jquery实现网页查找功能示例分享
2014/02/12 Javascript
JavaScript实现找出字符串中第一个不重复的字符
2014/09/03 Javascript
jQuery中extend函数的实现原理详解
2015/02/03 Javascript
jQuery简单实现隐藏以及显示特效
2015/02/26 Javascript
jquery带翻页动画的电子杂志代码分享
2015/08/21 Javascript
跟我学习javascript的垃圾回收机制与内存管理
2015/11/23 Javascript
jquery ajax双击div可直接修改div中的内容
2016/03/04 Javascript
js实现分割上传大文件
2016/03/09 Javascript
5个最顶级jQuery图表类库插件【jquery插件库】
2016/05/05 Javascript
微信小程序中使用ECharts 异步加载数据实现图表功能
2018/07/13 Javascript
深入解析ES6中的promise
2018/11/08 Javascript
JavaScript实现数字前补“0”的五种方法示例
2019/01/03 Javascript
element form 校验数组每一项实例代码
2019/10/10 Javascript
使用vue重构资讯页面的实例代码解析
2019/11/26 Javascript
[05:53]完美世界携手游戏风云打造 卡尔工作室观战系统篇
2013/04/22 DOTA
[00:58]2016年国际邀请赛勇士令状宣传片
2016/06/01 DOTA
Python实现分割文件及合并文件的方法
2015/07/10 Python
python如何实现excel数据添加到mongodb
2015/07/30 Python
Python中进程和线程的区别详解
2017/10/29 Python
python 自定义装饰器实例详解
2019/07/20 Python
详解python中*号的用法
2019/10/21 Python
Django+python服务器部署与环境部署教程详解
2020/03/30 Python
CSS3实现可爱的小黄人动画
2016/07/11 HTML / CSS
手机端用rem+scss做适配的详解
2017/11/15 HTML / CSS
Weekendesk意大利:探索多种引人入胜的周末主题
2016/10/14 全球购物
Superdry瑞典官网:英国日本街头风品牌
2017/05/17 全球购物
开办大学饮食联盟创业计划书
2014/01/29 职场文书
大学生学雷锋活动总结
2014/06/26 职场文书
领导欢送会主持词
2015/07/06 职场文书
详细分析PHP7与PHP5区别
2021/06/26 PHP
经典《舰娘》游改全新动画预告 预定11月开播
2022/04/01 日漫