HMR not working properly

[jonathanwilke]

Which @angular/* package(s) are the source of the bug?

core

Is this a regression?

Yes

Description

I cannot get HMR to work properly. It always gives me the following error in the browser console.

I noticed that for some reason on every save of any file there are two builds, which would at least explain why the file cannot be found. It looks like this in the terminal:

Please provide a link to a minimal reproduction of the bug

No response

Please provide the exception or error you saw

No response

Please provide the environment you discovered this bug in (run ng version)

Angular CLI: 13.2.6
Node: 16.14.0
Package Manager: npm 8.3.1
OS: darwin x64

Angular: 13.2.6
... animations, cdk, cli, common, compiler, compiler-cli, core
... forms, material, platform-browser, platform-browser-dynamic
... router

Anything else?

No response

[alan-agius4]

Can you check if using the latest webpack fixes the issue?

Can you add the below overrides in your package.json and run npm install

{
  "overrides": {
    "webpack": "5.70.0"
  }
}

[jonathanwilke]

This seems to solve the problem, thank you so much!

[alan-agius4]

I opened a PR to update webpack which should be released later on this week.

Please keep note to remove the overrides once you update to 13.3.0.

[alan-agius4]

Closed via #22841

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}