我开始学习 react 。我通常的设置是使用基于 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..
正如预期的那样。
但是当我保存文件时什么也没有发生。
最佳答案
添加标志CHOKIDAR_USEPOLLING=true,以便在容器内检测到文件更改。
你可以;
CHOKIDAR_USEPOLLING=true npm run start
从命令行- 将
CHOKIDAR_USEPOLLING=true
添加到项目根文件夹中的 .env 文件 导出 CHOKIDAR_USEPOLLING=true
作为环境变量"start": "CHOKIDAR_USEPOLLING=true react-scripts start"
到您的 package.json
这对我在使用 bullseye 和 React 17 的 vscode devcontainer 中有用
关于reactjs - 如何使用 VS Code devcontainers 在react.js 中设置热重载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67857460/