Error when using with Vite

[secondl1ght]

When using with Vite I am getting the following error: The injected path "/node_modules/esbuild-plugin-polyfill-node/polyfills/__dirname.js" cannot be marked as external. Is there some extra config I need to do here?

[cyco130]

It’s an ESBuild plugin. In what way are you using it with Vite?

[robertsLando]

Got the same error... I switched to this as suggested here: https://github.com/remorses/esbuild-plugins#plugins

[cyco130]

Can I get a reproduction?

[robertsLando]

Here: https://github.com/mqttjs/MQTT.js/blob/main/examples/vite-example/vite.config.js

Just replace @esbuild-plugins/node-globals-polyfill with esbuild-plugin-polyfill-node

[secondl1ght]

Vite uses ESBuild (and Rollup) so you are able to use ESBuild plugins like this one. https://vitejs.dev/config/shared-options.html#esbuild

[cyco130]

Got it. This is not a usage I have considered before. I'll have a look.

[okular]

@robertsLando how did you resolve this issue, i have been dealing with a very annoying issue that is similar to the one you had

[robertsLando]

I used the other package

[mdiflorio]

For anyone in the same situation as I was. There seems to be an issue with the way Vite loads esbuild plugins and isn't related to this package.

An alternative is to use vite-plugin-node-polyfills and in my case I had to installed next-tick as well.

Loading it into my main.tsx file like so:

// Polyfill for @azure/service-bus as vite-plugin-node-polyfills doesn't include it
import nextTick from 'next-tick';
process.nextTick = nextTick;