create-react-app创建的项目中没有 src、public文件夹和README.md文件
🌙
手机阅读
本文目录结构
create-react-app 没有 src、public文件夹和README.md文件
问题场景
在使用 npx create-react-app xxxxxx 创建项目后，项目的起始文件不对；
- 没有 scr 文件夹
- 没有public文件夹
- 没有README.md文件
只有node_modules和package.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来检测是否有全局安装；
解决办法
办法一
卸载全局安装包
npm uninstall -g create-react-app
验证是否全局卸载成功，可以使用create-react-app --version来检测，如果返回的是一个路径，或者没有找到命令，就代表卸载成功了
办法二
npx操作的时候，带上参数--ignore-existing，忽略本地的cli就可以了。
npx --ignore-existing create-react-app my-app
