关于安装 New React App 的问题答案

【问题标题】：Issue about installation of New React App关于安装 New React App 的问题
【发布时间】：2019-07-29 10:57:22
【问题描述】：

我想学习 React。所以我安装了 Nodejs(v 10.16.0 LTS)，然后使用 Windows Powershell 运行以下命令

npx create-react-app my-app
cd my-app
npm start

安装后，当我在保存代码文件后尝试更改任何代码（如更改页面标题名称）时。浏览器中的选项卡不会自动重新加载，当我手动重新加载选项卡时会发生错误

无法访问此站点

localhost 拒绝连接。

试试：

检查连接

检查代理和防火墙。

如果我使用 PowerShell 使用 npm start* 命令启动它，那么它会成功运行。但即使我编辑我的代码，我也必须每次都这样做。浏览器选项卡没有自动重新加载和应用更改。

请就这个问题指导我。谢谢

【问题讨论】：

【解决方案1】：

您需要在您的项目中添加react-hot-loader 反应不附带热重载您需要将其包含在您的项目中下面是指向npm 的链接请查看他们提供的文档一次，并将其添加到你的项目。

【讨论】：

【解决方案2】：

如果您通过 create-react-app 创建了您的 react 应用程序，则不需要 react-hot-loader 或其他任何东西 - 只需确保您使用的是最新的稳定版本 create-react-app

在您的 react 应用程序中，当您运行 npm start 时，它使用 react-scripts start 脚本，而在幕后使用 webpack，它实际上负责热模块更换

您面临的问题似乎很可能与您的本地设置有关。您可以尝试在不同的端口8080 上运行您的应用程序吗？

其次，热更换模块使用的是websocket连接，是否有ws连接相关的错误可以在你的console中查看？

【讨论】：