如何使用 VS Code 开发容器在 react.js 中设置热重载

问题描述

我开始学习反应。我通常的设置是使用基于 Docker 的开发容器的 VS Code。我使用 create-react-app 创建了一个非常简单的应用程序，我可以玩。但不知何故热重载不起作用。任何想法可能是什么问题？

现在，我使用一个非常基本的 Dockerfile

FROM node:14.17.0

我的.devcontainer也很简单

{
"name": "Try React","dockerFile": "Dockerfile","runArgs": ["-u","node"],}

我的浏览器控制台显示

[HMR] Waiting for update signal from WDS..

正如预期的那样。 但是当我保存文件时什么也没有发生。

解决方法

这是一个非常常见的错误。大多数情况下，浏览器只是需要一些时间。否则，也许会得到一个新的浏览器。 Firefox 和 Chrome 对我来说似乎比 Brave 和 Safari 慢。