remix: [Bug]: importing ESM node_module causing ERR_REQUIRE_ESM

+1 esm supprt is needed

serverModuleFormat: "esm" => still doesn’t work.

nowadays there are a lot of esm modules in npm, so all of them don’t work in remix. I’m going back to NextJS, not as futuristic as remix, but it works.

See documentation on gotchas for how to import ESM-modules: https://remix.run/docs/en/v1/pages/gotchas#importing-esm-packages

This might not work for everyone, but it worked for me.

module.exports = {
  ...
  serverModuleFormat: 'cjs', // or 'esm' both worked
  serverDependenciesToBundle: [
    /^@uppy.*/, // 👈🏼 notice the way its written
    /^nanoid.*/,
  ],
  ...
}

Seems you can use serverModuleFormat: "esm" in remix config to build the server in esm format, but ideally it should automatically output as esm if type: "module" is set in package.json (which is required to run esm module in Node.js unless you also output the server build as .mjs).

However currently Remix uses require to load remix.config.js and the server build, which won’t work with type: "module" 😅 IMO all the Remix packages and examples should be migrated to esm, and use import to load the server build and config file.

+1 esm support is needed

@yarapolana Thanks! You nailed it!! Your solution worked for me and I don’t get this error anymore.