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

🌙
手机阅读
本文目录结构

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 / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

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

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

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

关注我: Github / 知乎

目前重心已经放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>