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 相关文章推荐
struts2 jquery 打造无限层次的树
Oct 23 Javascript
jquery多浏览器捕捉回车事件代码
Jun 22 Javascript
js 编码转换 gb2312 和 utf8 互转的2种方法
Aug 07 Javascript
jQuery中RadioButtonList的功能及用法实例介绍
Aug 23 Javascript
jquery简单图片切换显示效果实现方法
Jan 14 Javascript
一个用jquery写的判断div滚动条到底部的方法【推荐】
Apr 29 Javascript
BootStrap 智能表单实战系列(十)自动完成组件的支持
Jun 13 Javascript
jquery仿微信聊天界面
May 06 jQuery
详解Vue CLI 3.0脚手架如何mock数据
Nov 23 Javascript
使用mpvue搭建一个初始小程序及项目配置方法
Dec 03 Javascript
浅谈Vue的响应式原理
May 30 Javascript
一次微信小程序内地图的使用实战记录
Sep 09 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系统类函数
2015/10/21 PHP
PHP文件操作之获取目录下文件与计算相对路径的方法
2016/01/08 PHP
CI框架中redis缓存相关操作文件示例代码
2016/05/17 PHP
JavaScript高级程序设计
2006/12/29 Javascript
javascript中巧用“闭包”实现程序的暂停执行功能
2007/04/04 Javascript
jquery插件制作 提示框插件实现代码
2012/08/17 Javascript
表格奇偶行设置不同颜色的核心JS代码
2013/12/24 Javascript
jQuery$命名冲突怎么办如何解决
2014/01/16 Javascript
js超时调用setTimeout和间歇调用setInterval实例分析
2015/01/28 Javascript
js使用onmousemove和onmouseout获取鼠标坐标的方法
2015/03/31 Javascript
JavaScript中计算网页中某个元素的位置
2015/06/10 Javascript
javascript:void(0)点击登录没反应怎么解决
2015/11/13 Javascript
jqGrid中文文档之选项设置
2015/12/02 Javascript
搭建Bootstrap离线文档的方法
2016/12/02 Javascript
浅谈Node.js之异步流控制
2017/10/25 Javascript
uni-app 组件里面获取元素宽高的实现
2019/12/27 Javascript
Python使用matplotlib绘制动画的方法
2015/05/20 Python
深入浅析ImageMagick命令执行漏洞
2016/10/11 Python
Python进阶篇之字典操作总结
2016/11/16 Python
python利用正则表达式提取字符串
2016/12/08 Python
python os.path.isfile()因参数问题判断错误的解决
2019/11/29 Python
Python流程控制语句的深入讲解
2020/06/15 Python
用python写PDF转换器的实现
2020/10/29 Python
5 分钟读懂Python 中的 Hook 钩子函数
2020/12/09 Python
python爬虫今日热榜数据到txt文件的源码
2021/02/23 Python
一款利用html5和css3实现的3D立方体旋转效果教程
2016/04/26 HTML / CSS
Html5 Canvas 实现一个“刮刮乐”游戏
2019/09/05 HTML / CSS
Canvas中设置width与height的问题浅析
2018/11/01 HTML / CSS
电子狗项圈:eDog Australia
2019/12/04 全球购物
个人自荐书
2013/12/20 职场文书
优秀党员主要事迹
2014/01/19 职场文书
奠基仪式主持词
2014/03/20 职场文书
企业法人代表任命书
2014/06/06 职场文书
党课培训心得体会
2014/09/02 职场文书
Oracle创建只读账号的详细步骤
2021/06/07 Oracle
Python办公自动化之教你用Python批量识别发票并录入到Excel表格中
2021/06/26 Python