创建新的 React 应用程序时未获取 src 文件夹

Question

节点版本：12.16.2 npm 版本：6.14.4

我安装了以下 Node 和 npm 版本。当我尝试使用命令创建新的反应应用程序时

npx create-react-app my-app

我没有得到任何 src 或公共文件夹。 package.json 文件似乎也不完整，包含以下代码。

  "name": "my-app",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "cra-template": "1.0.3",
    "react": "16.13.1",
    "react-dom": "16.13.1",
    "react-scripts": "3.4.1"
  }
}

我也尝试使用 npm 和 yarn 命令来安装 React 应用程序，但它不起作用。

我还尝试全局卸载 create-react-app，但它也不起作用。

Answer 1

我曾经遇到过这个问题，并按照 github 问题页面中提到的以下步骤解决了。

• npm rm -g create-react-app
• npm install -g create-react-app
• npx create-react-app my-app
• 同时删除您之前创建的所有项目并创建新文件夹，然后重试

还可以浏览页面列出的其他解决方案。

Answer 2

使用 Node 32 位安装程序对我来说有点用。 64 位安装程序不适合我。因此，任何遇到相同错误的人都应该尝试使用节点 32 位安装程序。

Answer 3

奔跑

npx create-react-app@latest your-project-name

或

1-升级 Node.js 和 npm

您使用的 Node.js (12.16.2) 和 npm (6.14.4) 版本相对过时，这可能会导致较新版本的 create-react-app 出现问题。 Node.js 的最新稳定版本通常包含可以解决此问题的改进和错误修复。 升级步骤：

访问 Node.js 网站并下载适合您的操作系统的最新稳定版本。 安装下载的版本，这也会自动更新 npm。

2. 清除 npm 缓存 有时，npm 缓存可能会导致安装新包时出现问题。清除缓存可能有助于解决问题。

在终端中运行以下命令：

npm cache verify

# 检查缓存完整性

npm cache clean --force

# 强制清理缓存

3. 重新安装 create-react-app 卸载并重新安装 create-react-app 有时可以解决意外行为。 操作方法如下：

npm uninstall -g create-react-app

npm install -g create-react-app

4. 使用 npx 创建应用程序 您可以使用 npx 临时安装并运行它，而不是全局安装 create-react-app，以确保您始终使用最新版本。

npx create-react-app my-app

5. 检查权限问题 有时，权限错误可能会导致 npm 安装失败。确保您拥有全局安装软件包的适当权限，或考虑使用 nvm 等 Node 版本管理器来更好地管理 Node 安装和权限。

按照以下步骤操作，您应该能够解决问题。