React js 没有在 localhost:3000 上运行我的应用程序

Posted

技术标签:

【中文标题】React js 没有在 localhost:3000 上运行我的应用程序【英文标题】:React js isn't running my app on localhost:3000 【发布时间】:2020-07-16 18:18:07 【问题描述】:

大家好,我曾经在MERN 项目上工作过一段时间,但现在我的react 应用程序无法在localhost:3000 上运行。到目前为止,我尝试了以下

    更新node.js/重新安装node.js 使用npx create-react-app 创建新应用,但localhost:3000 仍然无法正常工作

我使用netstat -aon 检查了端口是否打开,但localhost:3000 不存在。但是0.0.0.0:3000 就在那里。所以我尝试运行telnet 127.0.0.1 3000 没有成功。

我正在使用windows 10 OS 和最新版本的 nodejs

【问题讨论】:

请分享返回的错误。 没有错误。当我运行它时,我的浏览器说 localhost 响应时间太长。 ERR_CONNECTION_TIMED_OUT 您确定您有有效的代理设置。也许您正在运行服务器端而不是客户端? 我确定。即使我使用 npx create-react-app 创建一个新的空应用程序,它也是一样的。服务器和客户端都运行没有错误但无法访问。 该错误意味着您的服务器和客户端没有通信。这可能与您机器上的资源有关。如果机器正在运行其他密集进程,您可能需要先停止它们。 【参考方案1】:

在项目的根目录创建 .env 文件并添加以下行:

PORT = 3000

然后 npm 重新开始

【讨论】:

【参考方案2】:

试试this topic的解决方案。

在 package.json 中编辑下一个字符串

"start": "react-scripts start"

到这里

"start": "set PORT=3000 && react-scripts start"

【讨论】:

以上是关于React js 没有在 localhost:3000 上运行我的应用程序的主要内容,如果未能解决你的问题,请参考以下文章

react项目打包后没有生成js文件夹

为啥我没有取回 useState 的新值 - React.JS?

图表没有响应-react-plotly.js

map 函数没有在 react.js 中迭代状态对象(数组格式)

CSS 没有反映在 react js 中

如何让 three.js 在 React Native 中运行(没有 WebView)?