search

facebook / create-react-app

Set up a modern web app by running one command.
https://create-react-app.dev
MIT License
102.27k stars 26.71k forks source link

FAST REFRESH broken #12843

Open ad1992 opened 1 year ago

ad1992 commented 1 year ago

Describe the bug

Hi, we are using react-scripts v 4.0.3, and recently live reloading stopped working. After making changes to any of the file, the browser becomes unresponsive and I have to refresh the browser to reflect the changes.

Did you try recovering your dependencies?

Yes I tried clearing cache, removing the node modules and install it again as well but nothing helped

Which terms did you search for in User Guide?

(Write your answer here if relevant.)

Environment

System:
    OS: macOS 11.6
    CPU: (8) arm64 Apple M1
  Binaries:
    Node: 14.19.1 - ~/.nvm/versions/node/v14.19.1/bin/node
    Yarn: 1.22.19 - ~/.nvm/versions/node/v14.19.1/bin/yarn
    npm: 8.13.2 - ~/.nvm/versions/node/v14.19.1/bin/npm
  Browsers:
    Chrome: 107.0.5304.87
    Edge: Not Found
    Firefox: 106.0.1
    Safari: 14.1.2
  npmPackages:
    react: 18.2.0 => 18.2.0
    react-dom: 18.2.0 => 18.2.0
    react-scripts: 4.0.3 => 4.0.3
  npmGlobalPackages:
    create-react-app: Not Found

Disabling "FAST_REFRESH" in .env fixes this issue

guilhermeg2k commented 1 year ago

Facing the same issue with react-scripts 4.0.3 and react 17.0.2