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 相关文章推荐
JQuery 学习笔记 选择器之一
Jul 23 Javascript
JavaScript为对象原型prototype添加属性的两种方式
Aug 01 Javascript
Mac OS X 系统下安装和部署Egret引擎开发环境
Sep 03 Javascript
jQuery 移动端拖拽(模块化开发,触摸事件,webpack)
Oct 28 Javascript
localStorage的黑科技-js和css缓存机制
Feb 06 Javascript
Node.js数据库操作之查询MySQL数据库(二)
Mar 04 Javascript
vue-resource拦截器设置头信息的实例
Oct 27 Javascript
vue实现底部菜单功能
Jul 24 Javascript
使用Vue做一个简单的todo应用的三种方式的示例代码
Oct 20 Javascript
小程序实现锚点滑动效果
Sep 23 Javascript
Vue请求java服务端并返回数据代码实例
Nov 28 Javascript
javascript实现前端成语点击验证优化
Jun 24 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
Symfony2实现在doctrine中内置数据的方法
2016/02/05 PHP
php实现图片缩略图的方法
2016/03/29 PHP
JavaScript中的一些定位属性[图解]
2010/07/14 Javascript
jQuery hover 延时器实现代码
2011/03/12 Javascript
JavaScript内核之基本概念
2011/10/21 Javascript
jQuery Ajax请求状态管理器打包
2012/05/03 Javascript
jquery的ajax跨域请求原理和示例
2014/05/08 Javascript
Javascript前端UI框架Kit使用指南之kitjs事件管理
2014/11/28 Javascript
jQuery.position()方法获取不到值的安全替换方法
2015/03/13 Javascript
前端设计师们最常用的JS代码汇总
2016/09/25 Javascript
javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】
2016/12/15 Javascript
原生js实现放大镜特效
2017/03/08 Javascript
js Dom实现换肤效果
2017/10/21 Javascript
vue刷新和tab切换实例
2018/02/11 Javascript
微信小程序实现聊天对话(文本、图片)功能
2018/07/06 Javascript
微信小程序去除左上角返回键的实现方法
2020/03/06 Javascript
Vue项目配置跨域访问和代理proxy设置方式
2020/09/08 Javascript
js 实现碰撞检测的示例
2020/10/28 Javascript
windows下安装python paramiko模块的代码
2013/02/10 Python
python使用matplotlib画饼状图
2018/09/25 Python
Python 中的 import 机制之实现远程导入模块
2019/10/29 Python
pytorch 实现打印模型的参数值
2019/12/30 Python
Python Matplotlib绘图基础知识代码解析
2020/08/31 Python
CSS3 RGBA色彩模式使用实例讲解
2016/04/26 HTML / CSS
菲律宾旅游网站:Expedia菲律宾
2017/10/11 全球购物
EVE LOM英国官网:全世界最好的洁面膏
2017/10/30 全球购物
DHC美国官网:日本通信销售第一的化妆品品牌
2017/11/12 全球购物
MUGLER官方网站:蒂埃里·穆勒香水
2019/11/26 全球购物
Overload和Override的区别。Overloaded的方法是否可以改变返回值的类型
2013/10/30 面试题
电子商务专业学生的学习自我评价
2013/10/27 职场文书
英语演讲稿范文
2014/01/03 职场文书
公司收款委托书范本
2014/09/20 职场文书
党员查摆剖析材料
2014/10/10 职场文书
2014年维修工作总结
2014/11/22 职场文书
redis 查看所有的key方式
2021/05/07 Redis
5种方法告诉你如何使JavaScript 代码库更干净
2021/09/15 Javascript