npx create-react-app xxx创建项目报错的解决办法
手头有一台大学时代的Windows电脑,它此前没有装过create-react-app
,只装了node环境。版本信息:node -> 10.16.3,npm -> 6.9.0。前几日闲的无事想给它装个React,结果失败了,报了错,所以有了下面这出。
安装过程
根据React官方文档(上图)可以发现,此时并不需要安装create-react-app
工具,只要你的node >= 8.10 && npm >= 5.6,就可以直接使用npx create-react-app
命令来创建项目。
报错
好的👌,那就根据上面的来呗,输入npx create-react-app
,这时就出现了前文提到的错误,错误信息如下
npm ERR! code ENOLOCAL
npm ERR! Could not install from "Files\nodejs\node_cache\_npx\1452" as it does not contain a package.json file.npm ERR! A complete log of this run can be found in:
npm ERR! C:\Program Files\nodejs\node_cache\_logs\2020-02-14T14_46_10_318Z-debug.log
Install for create-react-app@latest failed with code 1
此时的我还是懵逼的,仔细检查了版本信息和命令,发现并没有不对,之后重复几次还是同样的错误。仔细瞧了瞧报错信息,是说Files\nodejs\node_cache\_npx\1452
这个路径下没有package.json
文件。然而并没有什么*用,咱还是不懂......
解决
只好祭出百度大法,一顿操作,走了不少弯路,不过还是让我找到了一位大佬写的解决办法,在此鸣谢这位大佬。
出现问题的原因是node_cache
的路径中存在空格,所以根据上文报错信息中的路径去找肯定找不到。。。
npm config set prefix "E:\Program~1\nodejs\node_global" npm config set cache "E:\Program~1\nodejs\node_cache"
我们将路径重设,指定到其他的地方,当然可以不跟上面的路径一样。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。
相关推荐
-
create-react-app构建项目慢的解决方法
create-react-app慢的解决方法 在操作官方实例Create React App时,需要执行指令: create-react-app my-app 来创建一个新的React应用.由于某原因,在拉取各种资源时,往往会巨慢,一直卡在 fetchMetadata: sill mapToRegistry uri http://registry.npmjs.org/whatwg-fetch 解决方案是换源,虽然平常使用cnpm来代替npm,但也只是使用新的指令而已,而在寻求create-rea
-
react以create-react-app为基础创建项目
什么是create-react-app create-react-app是一个js库,使用它能够很方便地建立react项目,免去了建立react项目时配置webpack.调试服务器.运行脚本等麻烦,你只需要使用这个库,便可以一键完成react项目的创建初始化项目 首先,要先利用create-react-app创建一个react项目,可参考https://github.com/facebookincubator/create-react-app 注:用"[ ]"包裹的都是可自定义的内容,
-
npx create-react-app xxx创建项目报错的解决办法
手头有一台大学时代的Windows电脑,它此前没有装过create-react-app,只装了node环境.版本信息:node -> 10.16.3,npm -> 6.9.0.前几日闲的无事想给它装个React,结果失败了,报了错,所以有了下面这出. 安装过程 根据React官方文档(上图)可以发现,此时并不需要安装create-react-app工具,只要你的node >= 8.10 && npm >= 5.6,就可以直接使用npx create-react-ap
-
vue init webpack 建vue项目报错的解决方法
使用vue init webpack 创建vue项目时报如下错误: vue init webpack my-project C:\Users\computer\AppData\Roaming\npm\node_modules\vue-cli\bin\vue-init:60 let template = program.args[0] ^^^ SyntaxError: Block-scoped declarations (let, const, function, class) not yet s
-
docker容器调用yum报错的解决办法
dockerfile里或者在容器里执行yum,报错,找不到源(invalid baseurl xxx),但是宿主机上执行yum是没问题的啊,为什么? 因为不论是dockerfile使用RUN关键字执行yum还是直接进入到容器里面执行yum,它们都是使用的docker镜像里面的源(CentOS是在路径/etc/yum.repo.d/CentOS-Base.repo),所以你要把宿主机上的同路径下的源拷贝到容器里面,然后docker commit一个新的"基础镜像",这个时候使用docke
-
Ubuntu下开启php调试模式报错信息解决办法
Ubuntu下开启php调试模式报错信息解决办法 在Ubuntu下php的缺省设置是不显示错误信息的,如果程序出错会显示"无法处理此请求的错误提示",这在开发环境下非常不方便. 其实我们只要编辑下apache的配置文件就好 1.我的apache 配置文件目录是/etc/apache2/apache2.conf sudo vim /etc/apache2/apache2.conf 再最后加入以下两行 php_flag display_errors on php_value error_r
-
Vue3发送post请求出现400 Bad Request报错的解决办法
查了一下网上资料,报400一般无非就是两种: 1. Bad Request:“错误的请求" 2. Invalid Hostname:"不存在的域名” 在这里我的报错是因为前端请求头的content-type和后端不一致. 一般后端默认的内容类型是 application/x-www-form-urlencoded,而axios默认的是 applecation/json. 但是也有例外,要根据后端的注解来区分我们要转换的类型. 根据上一篇笔记上说的: @RequestBody 用 con
-
android studio 新建项目报错的解决之路
android studio 新建工程报错 Error:Could not resolve all files for configuration ':app:debugCompileClasspath'. > Could not resolve com.android.support:appcompat-v7:26.0.0-beta1. Required by: project :app > Could not resolve com.android.support:a
-
MySQL中Multiple primary key defined报错的解决办法
创建主键可以有两种方式: create table 表名( 字段名 类型, 字段名 类型, -- primary key(name) ); 或者是 create table 表名( 字段名 类型 primary key, 字段名 类型, -- ); 但是要注意的是,想要创建复合主键,就不可以用第二种方式. 下面列举一个小例子: 这里报错Multiple primary key defined,表示定义了多个主键,正确的写法是如下: 如果项设置复合主键,复合主键的特点是同时创建.同时删除,所以需要
-
未在本地计算机上注册“microsoft.ACE.oledb.12.0”提供程序报错的解决办法
错误描述: 在开发.net项目中,通过microsoft.ACE.oledb读取excel文件信息时,报错: "未在本地计算机上注册"microsoft.ACE.oledb.12.0"提供程序" 代码示例: static void Main(string[] args) { readexcel("D:\\test\\xlsxtest.xlsx"); } public static void readexcel(string _path) { Da
-
关于mongoose连接mongodb重复访问报错的解决办法
具体代码如下所示: var express = require('express'); var mongoose = require('mongoose'); var router = express.Router(); var Person = mongoose.model('Person',{ id:Number, name:String }); /*新增*/ router.get('/insert', function(req, res){ var student = new Person
-
MSSQL2005数据附加失败报错3456解决办法
解决办法: 1.新建一个同名的数据库(数据文件与原来的要一致) 2.再停掉sql server(注意不要分离数据库) 3.用原数据库的数据文件覆盖掉这个新建的数据库 4.再重启sql server 5.此时打开企业管理器时会出现置疑,先不管,执行下面的语句(注意修改其中的数据库名) 6.完成后一般就可以访问数据库中的数据了,这时,数据库本身一般还要问题,解决办法是,利用数据库的脚本创建一个新的数据库,并将数据导进去就行了. 复制代码 代码如下: USE MASTER GO SP_CONFIGUR
随机推荐
- ASP.NET中FileUpload文件上传控件应用实例
- Java OpenSSL生成的RSA公私钥进行数据加解密详细介绍
- java算法导论之FloydWarshall算法实现代码
- PHP链接MySQL的常用扩展函数
- Tomcat数据源配置方法_JBuilder中
- MySQL实现创建存储过程并循环添加记录的方法
- 最新用php获取谷歌PR值算法,附上php查询PR值代码示例
- javascript实现漂亮的拖动层,窗口拖拽特效
- js滚动条平滑移动示例代码
- DirectoryEntry配置IIS7出现ADSI Error:未知错误(0x80005000)
- datagrid不可编辑行有关问题的控制方法
- java通过ssh连接服务器执行shell命令详解及实例
- Python自动连接ssh的方法
- Python Deque 模块使用详解
- jQuery fadeTo方法调整图片的透明度使用介绍
- jQuery的end()方法使用详解
- jQuery插件echarts实现的单折线图效果示例【附demo源码下载】
- js中DOM三级列表(代码分享)
- spring boot的拦截器简单使用示例代码
- ASP.NET技巧:做个DataList可分页的数据源