How to fix "EventEmitter" is not exported by "__vite-browser-external".

[kyawzinhtett]

I'm trying to build my Vue app, which shows me this error. I guess it has to do something with using the web3 package. Do you know how I can fix it?

"EventEmitter" is not exported by "__vite-browser-external", imported by "node_modules/web3-utils/lib/esm/event_emitter.js".
   27: import { EventEmitter as EventEmitterAtNode } from 'events';
                ^
   28: const wrapFunction = (fn) => (params) => fn(params.detail);
   29: /**
error during build:

It works when I commented out the codes of the EventEmitter part from web3-utils inside node_modules.

Inside node_modules/web3-utils/lib/esm/event_emitter.js, I commented on this part.

import { EventEmitter as EventEmitterAtNode } from 'events';

Inside node_modules/web3-utils/lib/esm/web3_eip1193_provider.js, I commented on this part.

import { EventEmitter } from 'events';

This is not the best way to solve the issue so I want to know if there's another way.

[FernandoChu]

The solution was https://www.npmjs.com/package/vite-plugin-node-polyfills

[ScottyPoi]

Could you be more specific?

[FernandoChu]

Just install it and add it to your vite config.

[chris-bryant]

It is possible an unused import is causing this build failure. For example, if your emitter module is imported into a Remix route, but is not used in the loader, the build cannot properly analyze the import to determine if it's a client module or a server module. I believe it defaults to assuming it's a client module, which in this case results in a failure. It would be nice if the build could check for unused modules and fail with a clearer message at that step instead.

[phyng]

You might want to try installing this package — it resolved the issue for me: https://www.npmjs.com/package/events