Type Error on reading the "isColorSupported" property

[dharam]

Have you used AI?

No

Bug Description

• I setup the development environment for MDN fred repo
• ran npm run start
• received below error
• [server] \Documents\GitHub\fred\node_modules\webpack-dev-middleware\dist\index.js:272 [server] statsOptions.children.map( [server] ^ [server] TypeError: Cannot read properties of undefined (reading 'isColorSupported') [server] at \Documents\GitHub\fred\node_modules\webpack-dev-middleware\dist\index.js:284:62 [server] at Array.map (<anonymous>) [server] at printStats (\Documents\GitHub\fred\node_modules\webpack-dev-middleware\dist\index.js:272:27) [server] at \Documents\GitHub\fred\node_modules\webpack-dev-middleware\dist\index.js:433:9 [server] at processTicksAndRejections (node:internal/process/task_queues:84:11) [server] node "\Documents\GitHub\fred\server.js" exited with code 1 --> Sending SIGTERM to other processes.. [rari] "\Documents\GitHub\fred\node_modules\@mdn\rari\bin\rari.exe" serve -vv exited with code 1

Link to Minimal Reproduction and step to reproduce

https://github.com/mdn/fred/blob/main/README.md

Copy .env-dist to .env and update values as needed. The file contains comments for guidance:

cp .env-dist .env

Install dependencies npm install
Bring up the dev environment with npm run start

Expected Behavior

The server starts on port 3000
Backend server starts on port 3001

Actual Behavior

[server] \Documents\GitHub\fred\node_modules\webpack-dev-middleware\dist\index.js:272 [server] statsOptions.children.map( [server] ^ [server] TypeError: Cannot read properties of undefined (reading 'isColorSupported') [server] at \Documents\GitHub\fred\node_modules\webpack-dev-middleware\dist\index.js:284:62 [server] at Array.map (<anonymous>) [server] at printStats (\Documents\GitHub\fred\node_modules\webpack-dev-middleware\dist\index.js:272:27) [server] at \Documents\GitHub\fred\node_modules\webpack-dev-middleware\dist\index.js:433:9 [server] at processTicksAndRejections (node:internal/process/task_queues:84:11) [server] node "\Documents\GitHub\fred\server.js" exited with code 1 --> Sending SIGTERM to other processes.. [rari] "\Documents\GitHub\fred\node_modules\@mdn\rari\bin\rari.exe" serve -vv exited with code 1

Environment

OS: Windows 11 Home (Build 26200)
Processor: Intel Core (Model 186) ~1300 MHz
RAM: 16 GB total (only 2 GB available - 13.7 GB in use)

Node : v24.12.0
NPM : 11.6.2

Is this a regression?

None

Last Working Version

No response

Additional Context

No response

[dharam]

I made it work locally by adding a defensive check in printStats function in index.js as below
childStatsOptions.colors = firstCompiler.webpack.cli && firstCompiler.webpack.cli.isColorSupported()?firstCompiler.webpack.cli.isColorSupported():false;

[alexander-akait]

Please create a reproducible test repo

[cbazureau]

Hello,
Hit the same issue. FYI if it helps :

• Using Rspack too
• 7.4.5 works, issue starts with 8.0.0

[LeoMcA]

v8.0.1 doesn't appear to fix things:

/home/leo/Projects/mdn/fred/node_modules/webpack-dev-middleware/dist/index.js:292
    statsOptions.children.map(
                          ^
TypeError: Cannot read properties of undefined (reading 'isColorSupported')
    at /home/leo/Projects/mdn/fred/node_modules/webpack-dev-middleware/dist/index.js:302:69
    at Array.map (<anonymous>)
    at printStats (/home/leo/Projects/mdn/fred/node_modules/webpack-dev-middleware/dist/index.js:292:27)
    at /home/leo/Projects/mdn/fred/node_modules/webpack-dev-middleware/dist/index.js:451:9
    at processTicksAndRejections (node:internal/process/task_queues:84:11)

[alexander-akait]

@LeoMcA #2295

[alexander-akait]

@LeoMcA Please try - https://github.com/webpack/webpack-dev-middleware/releases/tag/v8.0.2

[cbazureau]

@alexander-akait 8.0.1 is ko and 8.0.2 is ok on my side. Thx !