Bundling errors under yarn3 after upgrade from `0.5.7` to `0.6.2`

[kubijo]

$ yarn dlx -q envinfo --preset jest

  System:
    OS: Linux 5.11 Ubuntu 21.10 21.10 (Impish Indri)
    CPU: (12) x64 Intel(R) Core(TM) i7-8700K CPU @ 3.70GHz
  Binaries:
    Node: 16.13.1 - /tmp/xfs-705ba6ea/node
    Yarn: 3.2.0-rc.5 - /tmp/xfs-705ba6ea/yarn

$ yarn why @github/webauthn-json
└─ xxx@packages/xxx
   └─ @github/webauthn-json@npm:0.6.2 (via npm:0.6.2)

webpack@npm:5.66.0
typescript@patch:typescript@npm%3A4.5.4#~builtin<compat/typescript>::version=4.5.4&hash=493e53

ERROR in ./packages/xxx/lib/fido.tsx 17:0-46
Module not found: Error: Can't resolve '@github/webauthn-json' in '/path/to/packages/xxx/lib'
resolve '@github/webauthn-json' in '/path/to/packages/xxx/lib'
  Parsed request is a module
  using description file: /path/to/packages/xxx/package.json (relative path: ./lib)
    Field 'browser' doesn't contain a valid alias configuration
    resolve as module
      resolved by pnp to /path/to/.yarn/cache/@github-webauthn-json-npm-0.6.2-4bf1caaf04-a10c7a9e5a.zip/node_modules/@github/webauthn-json/
        using description file: /path/to/.yarn/cache/@github-webauthn-json-npm-0.6.2-4bf1caaf04-a10c7a9e5a.zip/node_modules/@github/webauthn-json/package.json (relative path: .)
          using exports field: ./dist/webauthn-json.js
            using description file: /path/to/.yarn/cache/@github-webauthn-json-npm-0.6.2-4bf1caaf04-a10c7a9e5a.zip/node_modules/@github/webauthn-json/package.json (relative path: ./dist/webauthn-json.js)
              no extension
                Field 'browser' doesn't contain a valid alias configuration
                /path/to/.yarn/cache/@github-webauthn-json-npm-0.6.2-4bf1caaf04-a10c7a9e5a.zip/node_modules/@github/webauthn-json/dist/webauthn-json.js doesn't exist
              .ts
                Field 'browser' doesn't contain a valid alias configuration
                /path/to/.yarn/cache/@github-webauthn-json-npm-0.6.2-4bf1caaf04-a10c7a9e5a.zip/node_modules/@github/webauthn-json/dist/webauthn-json.js.ts doesn't exist
              .tsx
                Field 'browser' doesn't contain a valid alias configuration
                /path/to/.yarn/cache/@github-webauthn-json-npm-0.6.2-4bf1caaf04-a10c7a9e5a.zip/node_modules/@github/webauthn-json/dist/webauthn-json.js.tsx doesn't exist
              .js
                Field 'browser' doesn't contain a valid alias configuration
                /path/to/.yarn/cache/@github-webauthn-json-npm-0.6.2-4bf1caaf04-a10c7a9e5a.zip/node_modules/@github/webauthn-json/dist/webauthn-json.js.js doesn't exist
              .mjs
                Field 'browser' doesn't contain a valid alias configuration
                /path/to/.yarn/cache/@github-webauthn-json-npm-0.6.2-4bf1caaf04-a10c7a9e5a.zip/node_modules/@github/webauthn-json/dist/webauthn-json.js.mjs doesn't exist
              .cjs
                Field 'browser' doesn't contain a valid alias configuration
                /path/to/.yarn/cache/@github-webauthn-json-npm-0.6.2-4bf1caaf04-a10c7a9e5a.zip/node_modules/@github/webauthn-json/dist/webauthn-json.js.cjs doesn't exist
              .ejs
                Field 'browser' doesn't contain a valid alias configuration
                /path/to/.yarn/cache/@github-webauthn-json-npm-0.6.2-4bf1caaf04-a10c7a9e5a.zip/node_modules/@github/webauthn-json/dist/webauthn-json.js.ejs doesn't exist
              .jsx
                Field 'browser' doesn't contain a valid alias configuration
                /path/to/.yarn/cache/@github-webauthn-json-npm-0.6.2-4bf1caaf04-a10c7a9e5a.zip/node_modules/@github/webauthn-json/dist/webauthn-json.js.jsx doesn't exist
              .json
                Field 'browser' doesn't contain a valid alias configuration
                /path/to/.yarn/cache/@github-webauthn-json-npm-0.6.2-4bf1caaf04-a10c7a9e5a.zip/node_modules/@github/webauthn-json/dist/webauthn-json.js.json doesn't exist
              as directory
                /path/to/.yarn/cache/@github-webauthn-json-npm-0.6.2-4bf1caaf04-a10c7a9e5a.zip/node_modules/@github/webauthn-json/dist/webauthn-json.js doesn't exist

[lgarron]

Do you have documentation on what yarn expects?

We only have one main build, and it's listed as main as well as in exports.

[kubijo]

Nope... Given that I have not yet worked on any package distributed on NPM, I can't say much from the top of my head.

• Their docs are however very good
• It generally doesn't require anything specific, but enforces good standards that other package managers only recommend...
• and @arcanis is always very helpful should there be a problem with yarn in the end...

[arcanis]

The exports field in https://cdn.jsdelivr.net/npm/@github/webauthn-json@0.6.4/package.json references an invalid file (presumably you forgot the esm folder in ./dist/webauthn-json.js, same for ./dist/webauthn-json.extended.js).

[dartess]

Same problem without using yarn. Webpack build fails to resolve the dependency.

[lgarron]

The exports field in https://cdn.jsdelivr.net/npm/@github/webauthn-json@0.6.4/package.json references an invalid file (presumably you forgot the esm folder in ./dist/webauthn-json.js, same for ./dist/webauthn-json.extended.js).

Aha! Thanks, that would explain it. This kind of stuff makes me really grumbly that this still needs to be done by hand. 😆

[lgarron]

Alright, please let me know if v0.6.5 works for you!

[dartess]

in my case everything worked. thanks!

[kubijo]

Yep, working fine :+1: