Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • C create-react-app
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 1,547
    • Issues 1,547
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 417
    • Merge requests 417
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Meta
  • create-react-app
  • Issues
  • #8153
Closed
Open
Issue created Dec 11, 2019 by Administrator@rootContributor

react-scripts 3.3.0 / 3.3.1 -> [HMR] Waiting for update signal from WDS... in console (Edge not working still)

Created by: Dodobrat

Describe the bug

I am pretty new to React, so bear with me please. I tried setting up a new project in react and these are the default dependencies generated in package.json :

"react": "^16.12.0", "react-dom": "^16.12.0", "react-scripts": "3.3.0"

After I run npm start I get a message in the console "[HMR] Waiting for update signal from WDS..."

The page still shows up and refreshes automatically whenever a change is made but it only works on Chrome and Mozilla.

For some reason Microsoft Edge doesn't work anymore even though it did before

Did you try recovering your dependencies?

I tried going back to different versions of react or scripts and everything goes back to normal when I have : "react": "^16.12.0", "react-dom": "^16.12.0", "react-scripts": "3.3.0-next.62"

Everything above "react-scripts": "3.3.0-next.62" gives the error in the console and Edge stops working.

Which terms did you search for in User Guide?

I tried npm run eject to configure the webpack.config but I am not really that experienced and couldn't see a problem

Environment

System: OS: Windows 10 10.0.18363 CPU: (4) x64 Intel(R) Core(TM) i5-7500 CPU @ 3.40GHz Binaries: Node: 10.16.3 - C:\Program Files\nodejs\node.EXE Yarn: Not Found npm: 6.13.3 - C:\Program Files\nodejs\npm.CMD Browsers: Edge: 44.18362.449.0 Internet Explorer: 11.0.18362.1 npmPackages: react: ^16.12.0 => 16.12.0 react-dom: ^16.12.0 => 16.12.0 react-scripts: 3.3.0 => 3.3.0 npmGlobalPackages: create-react-app: Not Found

Steps to reproduce

(Write your steps here:)

  1. npx create-react-app [NAME]
  2. npm start
  3. open console in browser

Expected behavior

No message in console. Microsoft Edge to show page.

Actual behavior

Message in console. Blank Page in Edge.

Edge with react-script: 3.3.0:

image

Edge with react-scripts: 3.3.0-next.62:

image

Chrome with react-script: 3.3.0 :

image

Chrome with react-scripts: 3.3.0-next.62:

image

Reproducible demo

https://github.com/Dodobrat/react-scripts-error

Assignee
Assign to
Time tracking