创建react项目时只出现node_modules,package.json,package-lock.json这3个文件夹的解决方法

最近想做个关于react的项目,没想到在创建项目这,尽出问题,为了解决这个问题,查阅了半天资料,最终得以解决,故此做个总结吧。

在我们创建react项目,通常会有3步走:

1.npm install create-react-app -g

2.create-react-app 项目名称(不能大写,不能是驼峰式命名)

3.cd 项目

4.yarn start

一个项目框架就创建成功了。

就在今天创建时,项目就只有三个文件夹,连src文件都没有

出现的问题是 

A template was not provided. This is likely because you're using an outdated version of create-react-app.                       Please note that global installs of create-react-app are no longer supported. 

解决方法:是因为create-react-app包已经存在,且版本过低,因此得先将此删除再下载:

npm rm -g create-react-app  (执行完此命令时可用create-react-app  -V来检查是否真正删除此包,若还能看出版本号就表示还未删除彻底,后面可能就会出现我下图的问题)
npm install -g create-react-app又出现了npm 问题,如下图:

这就很令人费解,以为是npm版本问题,或者权限问题,又用管理员权限来下载,还是会有同样的问题出现

解决方法1,清缓存    npm cache clean --force   或者在    C:\Users\86135\AppData\Roaming\npm-cache目录下删除_logs文件(我感觉一般不会起到作用,不推荐)

解决方法2,需要删除在node安装目录下的这两个文件create-react-app.cmd和create-react-app,和在C:\Users\86135\AppData\Roaming\npm\目录下删除crea文件create-react-app.ps1(强烈推荐的解决方案,这两个步骤缺一不可)然后再执行create-react-app -V就会出现 ('create-react-app' 不是内部或外部命令,也不是可运行的程序或批处理文件。)

再执行:npm install create-react-app -g

             create-react-app 项目名称

             cd 项目名称

             yarn start

就好啦。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章