grpc-web: Importing as ESModule in Node

[tommie]

Versions of relevant software used

• Node v19
• grpc-web v1.5.1
• webpack: 5.88.1
• webpack-cli: 4.10.0

What happened

Similar to #369, attempting to run this (named repro.mjs) under Node fails:

import { grpc } from "@improbable-eng/grpc-web";

with

import { grpc } from "@improbable-eng/grpc-web";                                             
         ^^^^                    
SyntaxError: Named export 'grpc' not found. The requested module '@improbable-eng/grpc-web' is a CommonJS module, which may not support all module.exports as named exports.               
CommonJS modules can always be imported via the default export, for example using:           

What you expected to happen

No error.

How to reproduce it (as minimally and precisely as possible):

https://stackblitz.com/edit/stackblitz-webcontainer-api-starter-uuifs3?file=repro.js&view=editor

Run npm run repro

It looks like building for ESM (as originally suggested in #369) and adding an exports.import field in package.json makes it importable: https://github.com/improbable-eng/grpc-web/compare/master...tommie:grpc-web:esm?expand=1

[andriy-bilyak]

Any solutions?

[George-Madeley]

I'm experiencing the same using Remix if I user SSR. Wanted to use SSR and fetching so I wouldn't need to the grpcwebproxy