URL is not a constructor (esm/commonjs differences)

Getting stuck on a really weird webpack/url issue

I have the most simple code (“@ethersproject/providers”: “5.0.0-beta.164”)

  import {JsonRpcProvider} from '@ethersproject/providers';

  const RPCProvider = new JsonRpcProvider(
    `https://xxx`
  );

Which fails with (on runtime, not compile time)

TypeError: url__WEBPACK_IMPORTED_MODULE_2__.URL is not a constructor
    at geturl.js:60
    at Generator.next (<anonymous>)
    at geturl.js:8
    at new Promise (<anonymous>)
    at push.../../node_modules/@ethersproject/web/lib.esm/geturl.js.__awaiter (geturl.js:4)
    at getUrl (geturl.js:52)
    at index.js:94
    at Generator.next (<anonymous>)
    at index.js:8
    at new Promise (<anonymous>)
    at push.../../node_modules/@ethersproject/web/lib.esm/index.js.__awaiter (index.js:4)
    at index.js:91
    at fetchJson (index.js:140)
    at JsonRpcProvider.send (json-rpc-provider.js:273)
    at JsonRpcProvider.<anonymous> (json-rpc-provider.js:218)
    at Generator.throw (<anonymous>)
    at rejected (json-rpc-provider.js:6)

and the corresponding code in geturl is

 import { URL } from "url";
 const url = new URL(href);

It picks the esm compiled versions, when I check the non esm versions it actually includes URL like so

Totally unclear on why this suddenly started happening though…

[roderik]

Happy camper here! Sorry for not helping out with the debugging

[ricmoo]

No worries. All that matters is we found it. 😃

Not sure who to open a bug against upstream though; it’d be nice to help them fix this for future users…