React 应用程序在 localhost:3000 上显示空白页，但在 localhost:3001 上工作答案

【问题标题】：React app is showing blank page on localhost:3000 but working on localhost:3001React 应用程序在 localhost:3000 上显示空白页，但在 localhost:3001 上工作
【发布时间】：2022-01-02 10:56:58
【问题描述】：

我从 github 下载了一个 react 应用程序的 repo，并安装了所有必要的依赖项。然后运行npm start，它在localhost:3000 上启动了开发服务器。在此端口上，应用程序显示空白页，但如果我在 localhost:3001 等其他端口上运行开发服务器，它可以正常工作，但我需要它在 localhost:3000 上运行。

我在谷歌上搜索了解决方案并尝试了所有可能的解决方案来解决这个问题，但没有任何解决方案。

如何让我的应用在 localhost:3000 而不是其他端口上运行？

【问题讨论】：

package.json 中是否明确指定了端口？ stackoverflow.com/a/41770848
@kiner_shah 我尝试了这个解决方案，但它仍然无法解决我的问题，我不想更改端口，我希望我的应用程序可以在 localhost:3000 上运行
3000 端口上是否有其他东西在运行？
@kiner_shah 我故意在localhost:3000 上运行一个应用程序，以便我从3001 开始，因为我不知道您提供的解决方案。我的要求是不要在另一个端口上打开这个应用程序，我希望这个应用程序在3000 上运行。不过还是谢谢。
没有两个应用可以在同一个端口上运行。

标签： javascript reactjs localhost

【解决方案1】：

从 package.json 中的脚本中移除显式 PORT 参数

看起来像这样

"start": "PORT=3001 react-scripts start"

或者是否有一个包含端口变量的 env 文件？

删除它。

确保您没有运行多个 React 应用程序，如果默认端口繁忙，这将使您的应用程序使用另一个端口。

如果不能解决问题，请知道它是否解决了问题。请链接到您正在使用的存储库。

【讨论】：

我希望我的应用在端口 3000 上运行，而不是在其他端口上打开。
您遇到的问题一般是由上述情况引起的。确保端口不忙，并且没有传递明确的端口参数，这通常可以解决问题。如果不是，请链接您正在使用的存储库。
https://github.com/ssaimur/fbcClone-front.git 这是我的仓库，尝试克隆这个仓库并在端口3000 上从这个应用程序获取首页。如果您在端口3001 上打开此应用程序，您将无法登录或注册。
localhost:3000/register .. 对我来说，该应用程序在 localhost 3000 中启动，这仅意味着您在默认端口（即 3000）上运行了另一个应用程序。您一次只能在一个端口上托管一个应用程序（如果它是一个快速的角度或反应应用程序并不重要）。如果您没有运行多个应用程序，请尝试重新启动系统。端口可能没有正确关闭。如果这些都不起作用，请确保您没有使用终端设置任何端口变量。旁注：这是一个漂亮的应用程序，很抱歉创建一个测试帐户..你可以删除它