V2: Webpack + @mdx-js/loader not playing well with Yarn 2-3's PnP

[tavoyne]

Initial checklist

• I read the support docs
• I read the contributing guide
• I agree to follow the code of conduct
• I searched issues and couldn’t find anything (or linked relevant results below)

Affected packages and versions

@mdx-js/[email protected]

Link to runnable example

No response

Steps to reproduce

Clone this repository (it's a minimal example).

Run yarn webpack.

Expected behavior

Compilation should be successful.

Actual behavior

I get the following error message:

node:internal/errors:464
    ErrorCaptureStackTrace(err);
    ^

Error [ERR_MODULE_NOT_FOUND]: Cannot find module '/Users/blackjelly/code/mdx-pb/.yarn/__virtual__/@mdx-js-loader-virtual-079d9df3b5/0/cache/@mdx-js-loader-npm-2.0.0-rc.2-eb4487e27d-5637b8d92c.zip/node_modules/@mdx-js/loader/lib/index.js' imported from /Users/blackjelly/code/mdx-pb/.yarn/__virtual__/@mdx-js-loader-virtual-079d9df3b5/0/cache/@mdx-js-loader-npm-2.0.0-rc.2-eb4487e27d-5637b8d92c.zip/node_modules/@mdx-js/loader/index.cjs

If I disable PnP, i.e. if I set nodeLinker: node-modules in .yarnrc.yml, then it compiles.

I believe it has to do with the dynamic import of an ES module in the package's entry point.

I'd be happy to make a PR if anybody has an idea of how to fix that.

Runtime

Node v16

Package manager

yarn v2

OS

macOS

Build and bundle tools

webpack

[wooorm]

This should be reported with Yarn. Because those files are published: https://unpkg.com/browse/@mdx-js/[email protected]/

[kidonng]

For reference: yarnpkg/berry#4034