为啥使用“npx create-react-app”命令创建项目时,除了“node_modules”和“package.json”之外没有任何文件和文件夹?

Posted

技术标签:

【中文标题】为啥使用“npx create-react-app”命令创建项目时,除了“node_modules”和“package.json”之外没有任何文件和文件夹?【英文标题】:Why there isn't any file and folder except 'node_modules' and 'package.json' anymore when creating a project with 'npx create-react-app' command?为什么使用“npx create-react-app”命令创建项目时,除了“node_modules”和“package.json”之外没有任何文件和文件夹? 【发布时间】:2020-08-05 00:55:53 【问题描述】:

我之前使用“npx create-react-app my-app”命令创建了一个 react 项目,“my-app”文件夹包含以下文件和文件夹:

my-app
├── README.md
├── node_modules
├── package.json
├── .gitignore
├── public
│   ├── favicon.ico
│   ├── index.html
│   └── manifest.json
└── src
    ├── App.css
    ├── App.js
    ├── App.test.js
    ├── index.css
    ├── index.js
    ├── logo.svg
    └── serviceWorker.js
    └── setupTests.js

但是现在当我使用相同的命令创建一个 react 项目时,'my-app' 文件夹只包含 'node_modules' 文件夹和 'package.json' 'yarn.lock' 文件。

my-app
├── node_modules
├── yarn.lock
└── package.json

我认为可能是因为使用了过时版本的 create-react-app,然后为了解决这个问题,我执行了以下步骤:

    通过运行npm rm -g create-react-app 删除旧版本的 CRA 通过运行npm install -g create-react-app 全局安装新版本

但我的问题仍然存在。我想到的最后一件事是将 node.js 从 v10 升级到 v12.16.3,但没有任何变化。

【问题讨论】:

【参考方案1】:

出现此问题是因为不再支持 create-react-app 的全局安装。 为解决此问题,请分别运行以下命令:

npm uninstall -g create-react-app

然后这样安装create-react-app

npm install create-react-app

然后创建你的 react 应用

npx create-react-app my-app

【讨论】:

以上是关于为啥使用“npx create-react-app”命令创建项目时,除了“node_modules”和“package.json”之外没有任何文件和文件夹?的主要内容,如果未能解决你的问题,请参考以下文章

npx create-react-app 的巨大未解决问题

npx create-react-app 未生成公共和 src 文件夹

“npx create-react-app 命令”无法正常工作

无法使用 npx create-react-app 创建新的反应应用程序

npx create-react-app 不工作“必须使用导入来加载 ES 模块:” [关闭]

“npx create-react-app appname”不起作用