阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      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
      
      目录
      目录