create-react-app创建的项目中没有 src、public文件夹和README.md文件

🌙
手机阅读
本文目录结构
axihe

create-react-app 没有 src、public文件夹和README.md文件

问题场景

在使用 npx create-react-app xxxxxx 创建项目后,项目的起始文件不对;

  • 没有 scr 文件夹
  • 没有public文件夹
  • 没有README.md文件

只有node_modulespackage.json,而且package.json内的配置信息也不对,错误的信息如下

{
  "name": "hello-world",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-scripts": "3.4.1"
  }
}

正确的文件目录是什么样子的

正确的目录如下

.
├── README.md
├── package.json
├── public
│   ├── favicon.ico
│   ├── index.html
│   ├── logo192.png
│   ├── logo512.png
│   ├── manifest.json
│   └── robots.txt
└── src
    ├── App.css
    ├── App.js
    ├── App.test.js
    ├── index.css
    ├── index.js
    ├── logo.svg
    ├── serviceWorker.js
    └── setupTests.js

原因

如果您以前是通过npm install -g create-react-app 命令全局安装的 create-react-app,如果没有及时卸载,就会出现这个问题。

验证方法

你可以通过create-react-app --version来检测是否有全局安装;

https://a.axihe.com/react/create-react-app/cra-local-version.png

解决办法

办法一

卸载全局安装包

npm uninstall -g create-react-app

验证是否全局卸载成功,可以使用create-react-app --version来检测,如果返回的是一个路径,或者没有找到命令,就代表卸载成功了

办法二

npx操作的时候,带上参数--ignore-existing,忽略本地的cli就可以了。

npx --ignore-existing create-react-app my-app
axihe

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang