[Bug]: ESModulesLinkingError while importing a re-exported variable from a different module

[smeng9]

System Info

System:
OS: macOS 14.5
CPU: (8) arm64 Apple M2
Memory: 95.41 MB / 16.00 GB
Shell: 5.9 - /bin/zsh
Binaries:
Node: 23.10.0 - /usr/local/bin/node
Yarn: 1.22.21 - /usr/local/bin/yarn
npm: 10.9.2 - /usr/local/bin/npm
pnpm: 8.12.0 - /usr/local/bin/pnpm
Browsers:
Safari: 17.5

Details

We are using a package unist-util-visit (https://www.npmjs.com/package/unist-util-visit?activeTab=code) that internally reexports CONTINUE, EXIT, SKIP from its './lib/index.js' which is originally from unist-util-visit-parents

This seems is not resolved correctly.

➜ docusaurus git:(main) ✗ yarn build
[INFO] [en] Creating an optimized production build...
● Client ██████████████████████████████████████████████████ (93%) sealing after
● Server ██████████████████████████████████████████████████ (93%) sealing after [ERROR] Client bundle compiled with errors therefore further build is impossible.
× ESModulesLinkingError: export 'CONTINUE' (reexported as 'CONTINUE') was not found in './lib/index.js' (possible exports: visit)
╭─[2:0]
1 │ // Note: types exported from index.d.ts
2 │ export {CONTINUE, EXIT, SKIP, visit} from './lib/index.js'
· ──────────────────────────────────────────────────────────
╰────

---

× ESModulesLinkingError: export 'EXIT' (reexported as 'EXIT') was not found in './lib/index.js' (possible exports: visit)
╭─[2:0]
1 │ // Note: types exported from index.d.ts
2 │ export {CONTINUE, EXIT, SKIP, visit} from './lib/index.js'
· ──────────────────────────────────────────────────────────
╰────

---

× ESModulesLinkingError: export 'SKIP' (reexported as 'SKIP') was not found in './lib/index.js' (possible exports: visit)
╭─[2:0]
1 │ // Note: types exported from index.d.ts
2 │ export {CONTINUE, EXIT, SKIP, visit} from './lib/index.js'
· ──────────────────────────────────────────────────────────
╰────

Reproduce link

https://stackblitz.com/edit/new-project-jdzhrcqv?file=testsrc%2Ftest%2Fsrc%2FApp.tsx%3AL4

Reproduce Steps

I used yarn create rsbuild with the following configuration
◆ Create Rsbuild Project
│
◇ Project name or path
│ test
│
◇ Select framework
│ React 19
│
◇ Select language
│ TypeScript
│
◇ Select additional tools (Use to select, to continue)
│ none

I then cd into the project and yarn set version canary to set yarn version to 4.9.2

I added the additional dependency which will trigger a bug yarn add unist-util-visit

Finally I modified the App.tsx in src folder to include the following and performed yarn dev

import { CONTINUE } from 'unist-util-visit';

console.log(CONTINUE);

This issues seems only happen with yarn, not npm

[ahabhgk]

If you checkout all the errors in your terminal, there should have Module not found:

File: javascript/esm|/Users/bytedance/.yarn/berry/cache/unist-util-visit-npm-5.0.0-df56c75117-10c0.zip/node_modules/unist-util-visit/lib/index.js:1:1
  × Module not found: Can't resolve 'unist-util-visit-parents' in '/Users/bytedance/.yarn/berry/cache/unist-util-visit-npm-5.0.0-df56c75117-10c0.zip/node_modules/unist-util-visit/lib'
     ╭─[228:27]
 226 │  */
 227 │ 
 228 │ import {visitParents} from 'unist-util-visit-parents'
     ·                            ──────────────────────────
 229 │ 
 230 │ export {CONTINUE, EXIT, SKIP} from 'unist-util-visit-parents'
     ╰────

 @ ../../../.yarn/berry/cache/unist-util-visit-npm-5.0.0-df56c75117-10c0.zip/node_modules/unist-util-visit/index.js
 @ ./src/index.tsx

I tried use npm or pnpm, both can resolve unist-util-visit-parents and successfully build, and use yarn (pnp enabled) to install unist-util-visit@4.1.2 (which is not pure esm like unist-util-visit@5 does), it also can resolve unist-util-visit-parents and successfully build.

I'm not familiar with yarn pnp at all so @hardfist @stormslowly can you help to checkout why the resolve failed?