Webpack 5.45.0 error "Module parse failed: Unexpected token (2:7)" Webpack 5.46.0 repeats "[HMR] Nothing hot updated."

🐛 Bug report

Current Behavior

Webpack 5.45.0 and 5.46.0 doesn’t work.
I read #1662 - this is different - Webpack 5.44.0 works great for me with Razzle.js.

Expected behavior

Demo razzle-app works with Webpack 5.46.0.

Reproducible example

Webpack 4.44.1:

yarn create razzle-app razzle-nothing-hot-updated
cd razzle-nothing-hot-updated
yarn start

Works great!

---

Update to Webpack 5.44.0:

diff --git a/package.json b/package.json
index 4eb0002..566aaf9 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,7 @@
     "mini-css-extract-plugin": "^0.9.0",
     "razzle": "^4.0.5",
     "razzle-dev-utils": "^4.0.5",
-    "webpack": "^4.44.1",
+    "webpack": "5.44.0",
     "webpack-dev-server": "^3.11.2"
   }
 }

yarn install
yarn start

Works great!

---

Update to Webpack 5.45.0.

Browser reports error:

Module parse failed: Unexpected token (2:7)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| import _typeof from "@babel/runtime/helpers/typeof";
> import assertThisInitialized from "./assertThisInitialized.js";
| export default function _possibleConstructorReturn(self, call) {
|   if (call && (_typeof(call) === "object" || typeof call === "function")) {

---

Update to Webpack 5.46.0.

$ yarn start
yarn run v1.22.5
$ razzle start
If you have issues with css make sure postcss resolves to v8.2.4.
See: https://razzlejs.org/getting-started#common-issues

CssMinimizerPlugin currently uses clean-css,
we will switch to cssnano once it supports postcss v8.2.4.
 WAIT  Compiling...

√ Client
√ Server
  Compiled successfully in 198.55ms

sswp> Handling Hot Module Reloading
✅  Server-side HMR Enabled!
> Started on port 3000
[HMR] Nothing hot updated.
[HMR] Nothing hot updated.
[HMR] Nothing hot updated.
[HMR] Nothing hot updated.
[HMR] Nothing hot updated.
[HMR] Nothing hot updated.

[HMR] Nothing hot updated. repeated forever. Server doesn’t respond on localhost:3000

Additional context

Maybe a Webpack bug?

Your environment

Software	Version(s)
Razzle	4.0.5
Razzle Plugins	none
Node	16.5.0
Browser	Chrome
npm/Yarn	yarn 1.22.5
Operating System	Windows 10
TypeScript	No
React	17.0.2

[Aeonrush]

Hi I can confirm that with webpack@5.48.0 the infinite loop is gone, but the message in terminal remains

sswp> Update failed: apply() is only allowed in ready status
    at /home/alexander/web-client/web-client/webpack/runtime/hot module replacement:279:1
    at processTicksAndRejections (internal/process/task_queues.js:95:5)

But, despite the message, the modules have been replaced and so far everything works as expected

Best regards

[alexander-akait]

Fixed https://github.com/webpack/webpack/releases/tag/v5.48.0, please update