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 相关文章推荐
Javascript 继承机制实例
Aug 12 Javascript
几个javascript操作word的参考代码
Oct 26 Javascript
IE6/7/8中Option元素未设value时Select将获取空字符串
Apr 07 Javascript
js中键盘事件实例简析
Jan 10 Javascript
JavaScript学习心得之概述
Jan 20 Javascript
基于JS实现密码框(password)中显示文字提示功能代码
May 27 Javascript
js仿支付宝多方框输入支付密码效果
Sep 27 Javascript
Vue数据驱动模拟实现1
Jan 11 Javascript
利用Angular.js编写公共提示模块的方法教程
May 28 Javascript
JS插件clipboard.js实现一键复制粘贴功能
Dec 04 Javascript
微信小程序自定义弹窗wcPop插件
Nov 19 Javascript
如何检查一个对象是否为空
Apr 11 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中的多种加密技术及代码示例解析
2016/10/20 PHP
PHP基于PDO实现的SQLite操作类【包含增删改查及事务等操作】
2017/06/21 PHP
PHP延迟静态绑定使用方法实例解析
2020/09/05 PHP
对textarea框的代码调试,而且功能上使用非常方便,酷
2006/06/30 Javascript
用YUI做了个标签浏览效果
2007/02/20 Javascript
Javascript isArray 数组类型检测函数
2009/10/08 Javascript
javascript调试说明
2010/06/07 Javascript
javascript中length属性的探索
2011/07/31 Javascript
javascript 判断中文字符长度的函数代码
2012/08/27 Javascript
基于jquery的用鼠标画出可移动的div
2012/09/06 Javascript
css transform 3D幻灯片特效实现步骤解读
2013/03/27 Javascript
JavaScript检测鼠标移动方向的方法
2015/05/22 Javascript
JavaScript运行过程中的“预编译阶段”和“执行阶段”
2015/12/16 Javascript
AngularJS实现使用路由切换视图的方法
2017/01/24 Javascript
使用ES6语法重构React代码详解
2017/05/09 Javascript
jQuery实现radio第一次点击选中第二次点击取消功能
2017/05/15 jQuery
jQuery选择器之子元素过滤选择器
2017/09/28 jQuery
使用Vue.js和Flask来构建一个单页的App的示例
2018/03/21 Javascript
element中el-container容器与div布局区分详解
2020/05/13 Javascript
nodejs中内置模块fs,path常见的用法说明
2020/11/07 NodeJs
Python实现根据指定端口探测服务器/模块部署的方法
2014/08/25 Python
python中sleep函数用法实例分析
2015/04/29 Python
Python导出数据到Excel可读取的CSV文件的方法
2015/05/12 Python
django配置连接数据库及原生sql语句的使用方法
2019/03/03 Python
Python实现图片批量加入水印代码实例
2019/11/30 Python
Python统计学一数据的概括性度量详解
2020/03/03 Python
jupyter notebook oepncv 显示一张图像的实现
2020/04/24 Python
opencv 图像加法与图像融合的实现代码
2020/07/08 Python
eBay英国购物网站:eBay.co.uk
2019/06/19 全球购物
社区优秀志愿者材料
2014/02/02 职场文书
医学生职业生涯规划书范文
2014/03/13 职场文书
勤奋学习演讲稿
2014/05/10 职场文书
企业安全生产目标责任书
2014/07/23 职场文书
关于群众路线的心得体会
2014/11/05 职场文书
小石潭记导游词
2015/02/03 职场文书
2015年采购部工作总结
2015/04/23 职场文书