描述bug

我一直尝试使用 npx 创建一个新的 React 应用，但是当我对这个新的 React 应用进行更改时，这些更改不会自动反映在浏览器中。据我所知，当使用另一个版本的 react-scripts(如 3.4.4)时，它可以正常工作，但当我使用最新的 4.0.0 时，它无法正常工作。我已经尝试过使用 npm 和 yarn。

你是否尝试恢复依赖项？

是的，我尝试了，但问题没有得到解决。

你在用户指南中搜索了哪些术语？

我进行了 react app did not reload after making changes in the codes. 的搜索。

环境

Environment Info:

  current version of create-react-app: 4.0.0
  running from /home/mwibutsa/.npm/_npx/252967/lib/node_modules/create-react-app

  System:
    OS: Linux 5.8 Pop!_OS 20.04 LTS
    CPU: (8) x64 Intel(R) Core(TM) i5-8250U CPU @ 1.60GHz
  Binaries:
    Node: 14.15.1 - /usr/local/bin/node
    Yarn: 1.22.5 - /usr/bin/yarn
    npm: 6.14.9 - /usr/local/bin/npm
  Browsers:
    Chrome: 86.0.4240.111
    Firefox: 82.0
  npmPackages:
    react: ^17.0.1 => 17.0.1 
    react-dom: ^17.0.1 => 17.0.1 
    react-scripts: 4.0.0 => 4.0.0 
  npmGlobalPackages:
    create-react-app: Not Found

重现步骤

(请在这里写下你的步骤：)

1. 运行命令：npx create-react-app jsx
2. 删除 src/ 目录中的所有文件，并在同一目录中重新创建一个新文件 index.js
3. 编写以下代码并启动应用程序。
4. 对代码进行任何新的更改，例如更改文本

预期行为

• 包含应用程序的浏览器选项卡应重新加载以反映新更改

实际行为

• 浏览器没有重新加载