reactjs - 如何使用 VS Code devcontainers 在react.js 中设置热重载

标签 reactjs typescript docker visual-studio-code vscode-devcontainer

我开始学习 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/

相关文章:

javascript - 我如何信任 React.js 中的状态

javascript - 如何读取react应用程序中当前的URL

javascript - joi_1.default.validate 不是函数

typescript - TS2339 : Property does not exist on union type - property string | undefined

amazon-web-services - 运行多容器 Docker 的 AWS BeanStalk 环境无法启动,运行状况为 : Severe

php - 如何在 Ubuntu 16.04 上设置 Docker + PhpStorm + xdebug

javascript - setState(…) : Can only update a mounted or mounting component. 这通常意味着您在未安装的组件上调用了 setState()。这是一个空操作

javascript - React-router:type.toUpperCase 不是函数

javascript - Angular2 可以在 Chrome 中工作,但不能在 Firefox 中工作

docker - 如何在 Docker 中的 Alpine 上运行 Apache 2?