Compilation failure causes infinite refresh

[jeiea]

Bug report

Minimal reproducible repository.

Steps to reproduce

git clone https://github.com/jeiea/webpack_report.git
cd webpack_report
npm install
npm run start

• Open http://localhost:[port appearing on terminal]
• Add # at the end of index.js and save.

Expected behavior

Error overlay appears, only once at the time of modification.

Actual behavior

Error overlay appears, it refreshes very rapidly.

Please paste the results of npx webpack-cli info here, and mention other relevant information

  System:
    OS: macOS 11.6
    CPU: (6) x64 Intel(R) Core(TM) i5-8500 CPU @ 3.00GHz
    Memory: 18.21 MB / 24.00 GB
  Binaries:
    Node: 14.15.1 - ~/.asdf/installs/nodejs/14.15.1/bin/node
    npm: 7.16.0 - ~/.asdf/plugins/nodejs/shims/npm
  Browsers:
    Chrome: 95.0.4638.69
    Firefox: 92.0
    Safari: 15.0
  Packages:
    babel-loader: ^8.2.3 => 8.2.3 
    eslint-webpack-plugin: ^3.1.0 => 3.1.0 
    html-webpack-plugin: ^5.5.0 => 5.5.0 
    webpack: ^5.61.0 => 5.61.0 
    webpack-cli: ^4.9.1 => 4.9.1 
    webpack-dev-server: ^4.4.0 => 4.4.0