Build fails due to ESM require error in rollup-plugin-visualizer

[ABHIJITH-EA]

What happened?

I'm trying to Install LibreChat Locally Using npm and I’m encountering an error during the build step.

Version Information

c68cc0a

Steps to Reproduce

1. Clone the repository:

   git clone https://github.com/danny-avila/LibreChat.git

Cloning into 'LibreChat'...
remote: Enumerating objects: 46829, done.
remote: Counting objects: 100% (191/191), done.
remote: Compressing objects: 100% (80/80), done.
remote: Total 46829 (delta 161), reused 111 (delta 111), pack-reused 46638 (from 2)
Receiving objects: 100% (46829/46829), 84.26 MiB | 1.32 MiB/s, done.
Resolving deltas: 100% (33878/33878), done.

2. Install dependencies:

   cd LibreChat
   npm ci

npm warn deprecated @types/[email protected]: This is a stub types definition. winston provides its own type definitions, so you do not need this installed.
npm warn deprecated @humanwhocodes/[email protected]: Use @eslint/config-array instead
npm warn deprecated [email protected]: Use your platform's native atob() and btoa() methods instead
npm warn deprecated @humanwhocodes/[email protected]: Use @eslint/object-schema instead
npm warn deprecated [email protected]: Glob versions prior to v9 are no longer supported
npm warn deprecated [email protected]: Use your platform's native DOMException instead
npm warn deprecated [email protected]: Please use @jridgewell/sourcemap-codec instead
npm warn deprecated [email protected]: This package has been decomissioned. See https://github.com/ldapjs/node-ldapjs/blob/8ffd0bc9c149088a10ec4c1ec6a18450f76ad05d/README.md
npm warn deprecated [email protected]: This version is no longer supported. Please see https://eslint.org/version-support for other options.
npm warn deprecated [email protected]: This version is no longer supported. Please see https://eslint.org/version-support for other options.

added 3193 packages, and audited 3200 packages in 37s

517 packages are looking for funding
run npm fund for details

found 0 vulnerabilities

3. Run the frontend build:

   npm run frontend

> [email protected] frontend
> npm run build:data-provider && npm run build:mcp && npm run build:data-schemas && cd client && npm run build


> [email protected] build:data-provider
> cd packages/data-provider && npm run build


> [email protected] build
> npm run clean && rollup -c --silent --bundleConfigAsCjs


> [email protected] clean
> rimraf dist


> [email protected] build:mcp
> cd packages/mcp && npm run build


> [email protected] build
> npm run clean && rollup -c --bundleConfigAsCjs


> [email protected] clean
> rimraf dist


src/index.ts → dist/index.js...
(!) [plugin node-resolve] Could not resolve import "pkce-challenge" in /tmp/AbhiNh4/LibreChat/node_modules/@modelcontextprotocol/sdk/dist/esm/client/auth.js using exports defined in /tmp/AbhiNh4/LibreChat/node_modules/pkce-challenge/package.json.
(!) Unresolved dependencies
https://rollupjs.org/troubleshooting/#warning-treating-module-as-external-dependency
pkce-challenge (imported by "../../node_modules/@modelcontextprotocol/sdk/dist/esm/client/auth.js")
created dist/index.js in 4.7s

> [email protected] build:data-schemas
> cd packages/data-schemas && npm run build


> @librechat/[email protected] build
> npm run clean && rollup -c --silent --bundleConfigAsCjs


> @librechat/[email protected] clean
> rimraf dist


> @librechat/[email protected] build
> cross-env NODE_ENV=production vite build

failed to load config from /tmp/AbhiNh4/LibreChat/client/vite.config.ts
error during build:
Error [ERR_REQUIRE_ESM]: require() of ES Module /tmp/AbhiNh4/LibreChat/node_modules/open/index.js from /tmp/AbhiNh4/LibreChat/node_modules/rollup-plugin-visualizer/dist/plugin/index.js not supported.
Instead change the require of /tmp/AbhiNh4/LibreChat/node_modules/open/index.js in /tmp/AbhiNh4/LibreChat/node_modules/rollup-plugin-visualizer/dist/plugin/index.js to a dynamic import() which is available in all CommonJS modules.
    at Object.<anonymous> (/tmp/AbhiNh4/LibreChat/node_modules/rollup-plugin-visualizer/dist/plugin/index.js:9:32)
npm error Lifecycle script `build` failed with error:
npm error code 1
npm error path /tmp/AbhiNh4/LibreChat/client
npm error workspace @librechat/[email protected]
npm error location /tmp/AbhiNh4/LibreChat/client
npm error command failed
npm error command sh -c cross-env NODE_ENV=production vite build

Output:

During the npm run frontend command it fails with the following error:

failed to load config from /tmp/AbhiNh4/LibreChat/client/vite.config.ts
error during build:
Error [ERR_REQUIRE_ESM]: require() of ES Module /tmp/AbhiNh4/LibreChat/node_modules/open/index.js from /tmp/AbhiNh4/LibreChat/node_modules/rollup-plugin-visualizer/dist/plugin/index.js not supported.
Instead change the require of /tmp/AbhiNh4/LibreChat/node_modules/open/index.js in /tmp/AbhiNh4/LibreChat/node_modules/rollup-plugin-visualizer/dist/plugin/index.js to a dynamic import() which is available in all CommonJS modules.

What browsers are you seeing the problem on?

No response

Relevant log output

No logs are available since it failed at build step

Screenshots

Code of Conduct

• I agree to follow this project's Code of Conduct

[danny-avila]

Make sure you are using node ^20.19.0

[ABHIJITH-EA]

@danny-avila Thanks for the response! Just to clarify, I’m using Node.js version 22.2.0.

[danny-avila]

I can't speak to that version of node. You can try using nvm to manage different node versions, then try the recommended one. I'm not having issues with node v20.19.0 locally and the container image build is succeeding:
https://github.com/danny-avila/LibreChat/actions/runs/15245697300/job/42872086848

also, try npm run reinstall when using node ^20.19.0

[ABHIJITH-EA]

@danny-avila Thank you! I switched to Node.js v20.19.2 using nvm, and it's working now. Really appreciate your work wishing you all the best!