No longer works in browser with Webpack 5

[eddie-dunn]

Webpack 5 no longer provides polyfills for NodeJS packages. In my case I get Uncaught ReferenceError: process is not defined from this line. I.e., it's process.platform that fails.

I'm running an app built with Create React App, which is why I think the previous line referencing process.env seems to work.

[doowb]

Is there a way to add the polyfill?

This issue may be related and might get fixed in create-react-app.

[eddie-dunn]

Not sure, I haven't had the time to look into it much. Here's an answer on Stack Overflow: https://stackoverflow.com/a/65018686/955014

A simpler solution could be to just wrap the assignments of isWindows and isLinux in a try-catch, where you default to something sensible on error.

Though as I see it, I'm not sure querying process.platform and then hardcoding the behavior based on that is the best solution. For example, the reason I'm using ansi-colors in a web app is for communication with an external device via the Web Serial API. In that regard, process.platform is not useful at all, since it only applies to the host OS, not the one being communicated with. A solution where it's possible to configure the lib during runtime whether it should use Windows or Linux ANSI seems a lot more flexible to me.

Or, perhaps web and ANSI-colored text streams from external devices is not something you wish to support, which is fine too, and then I suppose you can leave it as is :)

[Shrest032]

Edit: The issue is fixed

@eddie-dunn @doowb Are you guys able to fix it because i am still getting this recently i upgrade my webpack v4 to v5 and node version 16 to 20 after that i started getting this issue.
I have already added the "react-error-overlay": "6.0.9", in resolutions and dependencies tried with react-script as well but nothing worked for me also in the webpack documentation from v4 to v5 it was mentioned to use DefinePlugin which i am using already
but still the same.