Gulp serve hangs on "configure-webpack"

[Dangerous-Mind]

Before you open this issue, please complete the following tasks:

What were you expecting to happen?

Gulp Serve should not hang

What actually happened?

The gulp serve runs ok if I do a gulp clean and then a gulp serve.
But the second time or if I make a change and save, it hangs without any errors.
Deploying a package and gulp build also works fine.

Please give us a sample of your gulpfile

'use strict';

const build = require('@microsoft/sp-build-web');

build.addSuppression(`Warning - [sass] The local CSS class 'ms-Grid' is not camelCase and will not be type-safe.`);

var getTasks = build.rig.getTasks;
build.rig.getTasks = function () {
  var result = getTasks.call(build.rig);

  result.set('serve', result.get('serve-deprecated'));

  return result;
};

build.initialize(require('gulp'));

Terminal output / screenshots

PS C:\_Projects\SPFx\Condominio> gulp serve --nobrowser
Build target: DEBUG
[12:44:20] Using gulpfile C:\_Projects\SPFx\Condominio\gulpfile.js
[12:44:20] Starting 'serve'...
[12:44:20] Starting gulp
[12:44:20] Starting subtask 'spfx-serve'...
[12:44:20] [spfx-serve] To load your scripts, use this query string: ?debug=true&noredir=true&debugManifestsFile=https://localhost:4321/temp/manifests.js
[12:44:20] Starting server...
[12:44:20] Finished subtask 'spfx-serve' after 169 ms
[12:44:20] Starting subtask 'pre-copy'...
[12:44:20] Finished subtask 'pre-copy' after 35 ms
[12:44:20] Starting subtask 'copy-static-assets'...
[12:44:20] Starting subtask 'sass'...
[12:44:20] Server started https://localhost:4321
[12:44:20] LiveReload started on port 35729
[12:44:20] Running server
[12:44:22] Warning - [sass] The local CSS class 'ms-Button--commandBar' is not camelCase and will not be type-safe.
[12:44:22] Finished subtask 'sass' after 1.85 s
[12:44:22] Starting subtask 'lint'...
[12:44:22] [lint] eslint version: 8.7.0
[12:44:22] Starting subtask 'tsc'...
[12:44:22] [tsc] typescript version: 4.5.5
[12:44:25] Finished subtask 'copy-static-assets' after 5.22 s
[12:44:29] Finished subtask 'tsc' after 7.55 s
[12:44:30] Finished subtask 'lint' after 8.76 s
[12:44:30] Starting subtask 'post-copy'...
[12:44:30] Finished subtask 'post-copy' after 91 μs
[12:44:30] Starting subtask 'configure-webpack'...

Please provide the following information:

• OS & version : Windows 11
• node version : v16.13.1, v16.18.0, v14.15.5
• npm version : 8.1.2
• gulp version : CLI version: 2.3.0
  Local version: 4.0.2

[Dangerous-Mind]

After 13 minutes it replyes:

[18:50:18] Error - 'configure-webpack' sub task errored after 13 min
 Maximum call stack size exceeded
[18:50:18] Finished '_runWatch' after 14 min
[18:50:18] ==================[ Finished ]==================
Warning - [sass] The local CSS class 'ms-Button--commandBar' is not camelCase and will not be type-safe.
Warning - [sass] The local CSS class 'ms-Button--commandBar' is not camelCase and will not be type-safe.
Error - 'configure-webpack' sub task errored after 13 min
 Maximum call stack size exceeded
[18:50:19] Project condominio version:0.0.1
[18:50:19] Build tools version:3.17.19
[18:50:19] Node version:v16.13.1
[18:50:19] Total duration:14 min
[18:50:19] Task warnings:2
[18:50:19] Task errors:1

[phated]

This has nothing to do with gulp core. I will move this to Discussions for you where maybe the community can help you out.

[Dangerous-Mind]

This has nothing to do with gulp core. I will move this to Discussions for you where maybe the community can help you out.

@phated
Do you have any clue on what could be happening or how to debug this?

The first-time after Gulp Clean/serve takes 30 seconds to serve and on the next times it crashes with call stack error after 14 minutes.
Both of the times the solution is served and working.