最近想做个关于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
就好啦。