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 相关文章推荐
js jquery获取随机生成id的服务器控件的三种方法
Jul 11 Javascript
异步动态加载js与css文件的js代码
Sep 15 Javascript
父元素与子iframe相互获取变量和元素对象的具体实现
Oct 15 Javascript
Eclipse引入jquery报错如何解决
Dec 01 Javascript
Javascript小技能总结(推荐)
Jun 02 Javascript
Vue报错:Uncaught TypeError: Cannot assign to read only property’exports‘ of object’#‘的解决方法
Jun 17 Javascript
JS中Swiper的使用和轮播图效果
Aug 11 Javascript
angular.js和vue.js中实现函数去抖示例(debounce)
Jan 18 Javascript
p5.js入门教程之图片加载
Mar 20 Javascript
7个好用的JavaScript技巧分享(译)
May 07 Javascript
微信小程序实现手势滑动卡片效果
Aug 26 Javascript
vue 通过 Prop 向子组件传递数据的实现方法
Oct 30 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+MYSQL的文章管理系统(二)
2006/10/09 PHP
获取远程文件大小的php函数
2010/01/11 PHP
Fleaphp常见函数功能与用法示例
2016/11/15 PHP
Laravel使用模型实现like模糊查询的例子
2019/10/24 PHP
php设计模式之模板模式实例分析【星际争霸游戏案例】
2020/03/24 PHP
JavaScript调用客户端的可执行文件(示例代码)
2013/11/28 Javascript
JS数组(Array)处理函数整理
2014/12/07 Javascript
Javascript中this关键字的一些小知识
2015/03/15 Javascript
JavaScript操作HTML DOM节点的基础教程
2016/03/11 Javascript
Bootstrap弹出框(modal)垂直居中的问题及解决方案详解
2016/06/12 Javascript
jQuery在ie6下无法设置select选中的解决方法详解
2016/09/20 Javascript
vue2.0项目中使用Ueditor富文本编辑器示例代码
2017/08/14 Javascript
js 毫秒转天时分秒的实例
2017/11/17 Javascript
JS和Canvas实现图片的预览压缩和上传功能
2018/03/30 Javascript
vue 中基于html5 drag drap的拖放效果案例分析
2018/11/01 Javascript
Vue CLI 3.x 自动部署项目至服务器的方法
2019/04/02 Javascript
详解js中let与var声明变量的区别
2020/04/05 Javascript
原生javascript如何实现共享onload事件
2020/07/03 Javascript
vue props 一次传多个值实例
2020/07/22 Javascript
python实现数独算法实例
2015/06/09 Python
python 实时遍历日志文件
2016/04/12 Python
python使用turtle库与random库绘制雪花
2018/06/22 Python
flask框架使用orm连接数据库的方法示例
2018/07/16 Python
Python基础之函数的定义与使用示例
2019/03/23 Python
vue学习笔记之动态组件和v-once指令简单示例
2020/02/29 Python
python:批量统计xml中各类目标的数量案例
2020/03/10 Python
opencv 图像礼帽和图像黑帽的实现
2020/07/07 Python
Python压缩模块zipfile实现原理及用法解析
2020/08/14 Python
HTML5之SVG 2D入门12—SVG DOM及DOM操作介绍
2013/01/30 HTML / CSS
突袭HTML5之Javascript API扩展1—Web Worker异步执行及相关概述
2013/01/31 HTML / CSS
详解移动端HTML5页面端去掉input输入框的白色背景和边框(兼容Android和ios)
2016/12/15 HTML / CSS
详解Canvas实用库Fabric.js使用手册
2019/01/07 HTML / CSS
马耳他航空公司官方网站:Air Malta
2019/05/15 全球购物
视光学毕业生自荐书范文
2014/02/13 职场文书
岗位廉洁从政承诺书
2014/03/27 职场文书
一篇文章看懂MySQL主从复制与读写分离
2021/11/07 MySQL