npx create-react-app xxx创建项目报错的解决办法

(编辑:jimmy 日期: 2024/11/16 浏览:2)

手头有一台大学时代的Windows电脑,它此前没有装过create-react-app,只装了node环境。版本信息:node -> 10.16.3,npm -> 6.9.0。前几日闲的无事想给它装个React,结果失败了,报了错,所以有了下面这出。

安装过程

npx create-react-app xxx创建项目报错的解决办法

根据React官方文档(上图)可以发现,此时并不需要安装create-react-app工具,只要你的node >= 8.10 && npm >= 5.6,就可以直接使用npx create-react-app命令来创建项目。

报错

好的"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"

我们将路径重设,指定到其他的地方,当然可以不跟上面的路径一样。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

一句话新闻
微软与英特尔等合作伙伴联合定义“AI PC”:键盘需配有Copilot物理按键
几个月来,英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法,朝着更多的AI功能迈进。在近日,英特尔在台北举行的开发者活动中,也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上,英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件,以及联合微软等合作伙伴联合定义“AI PC”的定义标准。