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 相关文章推荐
getElementById在任意一款浏览器中都可以用吗的疑问回复
May 13 Javascript
jQuery中jqGrid分页实现代码
Nov 04 Javascript
使用JS或jQuery模拟鼠标点击a标签事件代码
Mar 10 Javascript
jQuery左右滚动支持图片放大缩略图图片轮播代码分享
Aug 26 Javascript
Node.js中使用jQuery的做法
Aug 17 Javascript
Angularjs中三种数据的绑定策略(“@”,“=”,“&”)
Dec 23 Javascript
JavaScript基础之this详解
Jun 04 Javascript
深究AngularJS之ui-router详解
Jun 13 Javascript
搭建vue开发环境
Jul 19 Javascript
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
Apr 14 Javascript
vue项目前端错误收集之sentry教程详解
May 27 Javascript
vue 插槽简介及使用示例
Nov 19 Vue.js
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
肝肠寸断了解下!盘点史上最伤心的十大动漫
2020/03/04 日漫
基于php使用memcache存储session的详解
2013/06/25 PHP
ThinkPHP页面跳转success与error方法概述
2014/06/25 PHP
php将图片文件转换成二进制输出的方法
2015/06/10 PHP
WordPress开发中用于标题显示的相关函数使用解析
2016/01/07 PHP
详解PHP使用日期时间处理器Carbon人性化显示时间
2017/08/10 PHP
php 策略模式原理与应用深入理解
2019/09/25 PHP
JavaScript语法着色引擎(demo及打包文件下载)
2007/06/13 Javascript
JavaScript iframe的相互操作浅析
2009/10/14 Javascript
javascript学习笔记(五) Array 数组类型介绍
2012/06/19 Javascript
纯js写的分页表格数据为json串
2014/02/18 Javascript
详谈JavaScript内存泄漏
2014/11/14 Javascript
js表单处理中单选、多选、选择框值的获取及表单的序列化
2016/03/08 Javascript
JS基于ocanvas插件实现的简单画板效果代码(附demo源码下载)
2016/04/05 Javascript
Easyui 之 Treegrid 笔记
2016/04/29 Javascript
详解vue2路由vue-router配置(懒加载)
2017/04/08 Javascript
详解webpack-dev-server 设置反向代理解决跨域问题
2018/04/18 Javascript
javaScript产生随机数的用法小结
2018/04/21 Javascript
JS中移除非数字最多保留一位小数
2018/05/09 Javascript
vue实现底部菜单功能
2018/07/24 Javascript
详解vue2.6插槽更新v-slot用法总结
2019/03/09 Javascript
分析并输出Python代码依赖的库的实现代码
2015/08/09 Python
浅谈python中scipy.misc.logsumexp函数的运用场景
2016/06/23 Python
python 读写中文json的实例详解
2017/10/29 Python
python re正则匹配网页中图片url地址的方法
2018/12/20 Python
Python实现根据日期获取当天凌晨时间戳的方法示例
2019/04/09 Python
python 怎样将dataframe中的字符串日期转化为日期的方法
2019/09/26 Python
Python命名空间及作用域原理实例解析
2020/08/12 Python
基于python实现简单网页服务器代码实例
2020/09/14 Python
python re的findall和finditer的区别详解
2020/11/15 Python
python 使用OpenCV进行简单的人像分割与合成
2021/02/02 Python
大学毕业生通用求职信
2013/09/28 职场文书
企业年会主持词
2014/03/27 职场文书
校本课程教学计划
2015/01/19 职场文书
Android自定义ScrollView实现阻尼回弹
2022/04/01 Java/Android
JS class语法糖的深入剖析
2022/07/07 Javascript