创建 React 应用程序不起作用答案

【问题标题】：Create React App not working创建 React 应用程序不起作用
【发布时间】：2017-12-16 06:08:20
【问题描述】：

帮助！我不知道这里发生了什么，创建反应应用程序不起作用我也尝试重新安装但没有成功，请帮助！

Npm 版本：5.4.2 节点版本：8.70

尝试了 npm install --save --save-exact --loglevel 错误 react-dom react-scripts

【问题讨论】：

请发布您的节点和 npm 版本（分别为node -v 和 npm -v）。检查 github 问题也可能会有所帮助。
嘿，我已经用我的节点和 npm 版本更新了帖子！
日志文件说什么？
嗯...我无法重现这个。您可以尝试复制并运行npm install --save --save-exact ... 命令吗？另外，我看到你在 github 上发布了这个问题。我不知道 stackoverflow 的最佳实践是什么，但如果您在那里得到答案，请在此处也将其作为解决方案重新发布。
嘿，我又更新了，好像是 JSON Parse 的错误

标签： reactjs command-prompt create-react-app

【解决方案1】：

在我的例子中，“create-react-app”没有安装。安装运行这个命令

 npm install -g create-react-app

安装成功后，尝试运行

npx create-react-app hello-world

如果这对你有用。伟大的其他评论什么对你有用，

【讨论】：

这确实有效，因为我在 cmd 上没有收到任何错误。但我面临的问题是不完整的create-react-app 设置。所以，运行npx create-react-app hello-world 让我免于麻烦。
这个选项没有安装完整的项目

【解决方案2】：

请试试这个：

npm cache clean --force

【讨论】：

这对我不起作用。我在 Windows 中遇到了同样的问题。您还有其他解决方案吗？
它刚刚在我的 Windows 10 上完成了工作。谢谢。

【解决方案3】：

我遇到了同样的问题，必须执行以下操作：

npm uninstall -g create-react-app

npm uninstall create-react-app

在此之后，我能够创建应用程序：

npx create-react-app project-app

【讨论】：

它对我有用，但为什么在卸载 create-react-app 后 npx create-react-app 工作？ -_-
npm 5.2+ 自带的包运行工具。

【解决方案4】：

我遇到了同样的问题，我通过以下方式解决了它：
1.更新npm版本（npm install npm@latest -g）
2.清除缓存（npm cache clean --force）
3.创建react项目（npx create-react-app todo）
（create-react-app 已经安装）

【讨论】：

【解决方案5】：

确保您没有运行任何防病毒软件，停止/暂停所有防病毒软件或保护软件。

你也可以试试

use create-react-app projectname --save
or create-react-app projectname --save-exact and start again

或

正如错误提示，您应该使用更新版本的节点。您使用的是 8.9.4，您可能应该使用 8.12.0 LTS。

【讨论】：

那是杀毒软件。我正在使用 bit-defender 防病毒软件，将其完全禁用 30 分钟，然后尝试运行它有效的命令。

【解决方案6】：

我在尝试使用create-react-app 创建新的 React 应用程序时遇到了类似的问题，但与安装时的一些随机 JSON 读取问题有关，例如 .. >= 5.0 || 4.0 ..

但下面的修复解决了多个类似问题。

首先，确保您已安装所需或最新版本的节点。

npm install npm@latest -g

在using create-react-app 之前，请确保您使用npm cache clean --force 清理npm 缓存

现在，如果您想将当前目录创建为项目根目录，则可以使用 npx create-react-app tl-app 或 npx create-react-app . 创建新的 React 应用程序。

【讨论】：

【解决方案7】：

它设置您的开发环境，以便您可以使用最新的 JavaScript 功能，提供良好的开发人员体验，并优化您的应用以进行生产。

您需要在您的机器上安装 Node >= 8.10 和 npm >= 5.6。要创建项目，请运行：

npx create-react-app my-app

cd 我的应用程序

npm 开始

注意： 第一行的 npx 不是拼写错误——它是 npm 5.2+ 附带的一个包运行工具。

Create react app 提供了更多相关信息。

也可能是缓存的问题，也可以试试：

npm 缓存清理 --force

编辑 1：这可能是由于网速慢，请检查上网，然后重试。

【讨论】：

【解决方案8】：

npx 创建反应应用程序。

( .) 表示在这个文件夹上创建项目，所以如果你这样做，你应该手动创建

【讨论】：

【解决方案9】：

对于 Windows 机器，以下命令对我有用

yarn create react-app my-app
cd my-app
yarn set version berry
yarn
yarn start

【讨论】：

【解决方案10】：

我机器上的问题是由纱线引起的。我是 Windows 10，在使用 npm uninstall -g yarn 卸载纱线后，我的脚本运行正常。所以

打开终端并输入：npm uninstall -g yarn
完成后，关闭终端并打开新终端
输入 create-react-app（应用名称），这应该会创建您的应用 :)

请注意，以上步骤假设您已经在您的机器上安装了 node 和 react-cli。

【讨论】：

【解决方案11】：

在 Ubuntu 18.04 上

sudo npm cache clean -f
sudo npm install -g n
sudo n stable

【讨论】：

【解决方案12】：

我所做的，就是要去做

C:\Users\mycomputerName\AppData\Roaming\npm\

我改了这个文件的名字

create-react-app.ps1

到

create-react-appOld.ps1

或者你可以删除它，然后它工作正常

【讨论】：

【解决方案13】：

尝试了以上所有方法，但没有运气：(

Step1 : 重新安装Node js

Step2 : 检查环境变量是否已经创建。如果不为 nodejs、npm 和 composer 创建一个

Step3：同时将“C:\Windows\System32”添加到全局PATH环境变量中。

Step4：然后使用“npx create-react-app my-app”创建react项目

Step5：运行命令：cd my-app 和 npm start

第6步：它会工作

【讨论】：

【解决方案14】：

我终于让它工作了。我系统中的防病毒软件导致它无法正常工作。我卸载了它，它按预期工作。

【讨论】：

【解决方案15】：

在更新我的 npm 版本并执行 npm cache clean --force 失败后，我最终只是重新安装了节点，这为我解决了问题。

【讨论】：

【解决方案16】：

遇到了同样的问题。使用 cra 运行节点。为初学者安装了 cra -g。

npm install -g create-react-app

然后将 react-scripts 降级到 2.1.8 版

npm install react-scripts@2.1.8

在根目录中创建了一个 .env 文件并将其添加到其中。

DB_HOST=localhost
DB_USER=root
DB_PASS=s1mpl3

SKIP_PREFLIGHT_CHECK=true

然后您执行典型的删除 node_modules 文件夹和 package-lock.json 文件。（NOT PACKAGE.JSON !!!）

然后：

npm install
npm start

这对我有用。抱歉，我没有提供更多关于为什么这对我有用的信息。我仍在试图理解为什么它一开始就不起作用。

【讨论】：

【解决方案17】：

我昨天搞砸了，现在才这样做。

正如人们所说的那样，已安装在全球范围内做出反应。

然后我使用“git bash here”在我想要的目录中打开终端

奇怪的是，当我 删除 npm 时它起作用了。我知道这很奇怪，我从来没有这样做过，这没有任何意义，但它的工作原理是：

create-react-app my-app-name

顺便说一句，我在 Windows 10 上。

【讨论】：

【解决方案18】：

我也遇到了同样的问题，尝试解决了很久，终于用这个命令解决了，

npx create-react-app@latest my-app --use-npm

【讨论】：

【解决方案19】：

我也遇到了同样的问题并解决了。这就是我所做的。

重启你的机器（电脑）
停用您的防病毒软件。我选择了“永久”选项
打开终端，再次运行“create-react-app”命令，一定会成功的。
激活您的防病毒软件
然后开始工作:-)

【讨论】：