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 动态table添加colspan\rowspan 参数的方法
Jul 25 Javascript
用JavaScript仿PS里的羽化效果代码
Dec 20 Javascript
Jquery为a标签的href赋值实现代码
May 03 Javascript
jQuery简单实现banner图片切换
Jan 02 Javascript
js使用正则实现ReplaceAll全部替换的方法
Jul 18 Javascript
JavaScript实现的字符串replaceAll函数代码分享
Apr 02 Javascript
AngularJS基础 ng-list 指令详解及示例代码
Aug 02 Javascript
js利用clipboardData实现截屏粘贴功能
Oct 12 Javascript
Vue封装一个简单轻量的上传文件组件的示例
Mar 21 Javascript
利用d3.js实现蜂巢图表带动画效果
Sep 03 Javascript
vue-cli设置css不生效的解决方法
Feb 07 Javascript
Vue proxyTable配置多个接口地址,解决跨域的问题
Sep 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在字符断点处截断文字的实现代码
2011/04/21 PHP
php实现压缩多个CSS与JS文件的方法
2014/11/11 PHP
PHP+jquery实时显示网站在线人数的方法
2015/01/04 PHP
PHP分页初探 一个最简单的PHP分页代码的简单实现
2016/06/21 PHP
prototype1.4中文手册
2006/09/22 Javascript
面向对象的javascript(笔记)
2009/10/06 Javascript
小议Javascript中的this指针
2010/03/18 Javascript
JavaScript 的继承
2011/10/01 Javascript
JS、CSS加载中的小问题探讨
2013/11/26 Javascript
jQuery通用的全局遍历方法$.each()用法实例
2016/07/04 Javascript
js return返回多个值,通过对象的属性访问方法
2017/02/21 Javascript
js实现随机点名小功能
2017/08/17 Javascript
jQuery niceScroll滚动条错位问题的解决方法
2018/02/03 jQuery
解决vue-cli创建项目的loader问题
2018/03/13 Javascript
JavaScript代码调试方法实例小结
2019/01/05 Javascript
VUE实现吸底按钮
2021/03/04 Vue.js
python分割和拼接字符串
2013/11/01 Python
Python中super()函数简介及用法分享
2016/07/11 Python
python中Switch/Case实现的示例代码
2017/11/09 Python
python的socket编程入门
2018/01/29 Python
在python中实现对list求和及求积
2018/11/14 Python
Python中的元组介绍
2019/01/28 Python
Python类的继承、多态及获取对象信息操作详解
2019/02/28 Python
python的reverse函数翻转结果为None的问题
2020/05/11 Python
python 实现百度网盘非会员上传超过500个文件的方法
2021/01/07 Python
HTML5中新标签和常用标签详解
2014/03/07 HTML / CSS
关于HTML5+ API plusready的兼容问题
2020/11/20 HTML / CSS
康帕斯酒店预订:Compass Hospitality(支持中文)
2018/08/23 全球购物
Linux Interview Questions For software testers
2012/06/02 面试题
物业管理员岗位职责范文
2013/11/25 职场文书
小学生新学期寄语
2014/01/19 职场文书
银行优秀员工事迹
2014/02/06 职场文书
趣味比赛活动方案
2014/02/15 职场文书
2014年便民服务中心工作总结
2014/12/20 职场文书
2015年三好一满意工作总结
2015/07/24 职场文书
2019最新劳动仲裁申请书!
2019/07/08 职场文书