Error: Dynamic require of "./workerBundle" is not supported

[scriptex]

Hello and thank you for your continued support on this library.

Since you published the last version 4.1.2 or maybe since 4.1.0 I've been experiencing an issue with the Worker.

The error being thrown is

[Error] Error: Dynamic require of "./workerBundle" is not supported

And this error results in

Unhandled Promise Rejection: DataCloneError: The object can not be cloned.

which is kind of expected.

These errors result in empty diffs which is a breaking change.

I see you have unpublished commits related to how the Worker is being bundled and used so I am guessing somebody else also experienced similar issues.

Is there any ETA on a fix for this?

FWIW I am using Vite v6.4.1. and I cannot switch to a different bundler.

Might I suggest a workaround for the future - it might be a good idea to add a setting which completely disables usage of Workers in favor of the fallback() function

[zhangjianrencai]

I met the same problem

[joliss]

I'm similarly getting a "Cannot find module .../workerBundle" error with Next 15 and Webpack:

⨯ ["Error: Cannot find module '.../node_modules/.pnpm/react-diff-viewer-continued@4.1.2_@types+react@19.1.13_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-diff-viewer-continued/lib/esm/src/workerBundle' imported from .../node_modules/.pnpm/react-diff-viewer-continued@4.1.2_@types+react@19.1.13_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/react-diff-viewer-continued/lib/esm/src/compute-lines.js]

As a workaround, downgrading to "react-diff-viewer-continued": "=4.0.6" fixes the issue for me.

[boazpoolman]

Same issue here. Confirmed that locking the package to version 4.0.6 solves the issue.

[kajtzu]

if you must have the latest and greatest version, you can use the following workaround. Seems to work with vite 7.3.1.

vite.config.mts:

import { defineConfig, type Plugin } from 'vite';

...

/**
 * Fixes react-diff-viewer-continued's workerBundle.js which contains
 * a broken self-referencing `require("./workerBundle")` inside its
 * WORKER_CODE string. This CJS require is not supported in browser
 * Web Workers (blob URLs) and throws at runtime. The assigned variable
 * is unused, so we safely replace the call with an empty object.
 */
function fixReactDiffViewerWorker(): Plugin {
  return {
    name: 'fix-react-diff-viewer-worker',
    transform(code, id) {
      if (
        id.includes('react-diff-viewer-continued') &&
        id.includes('workerBundle')
      ) {
        return code.replace(/bi\(\\"\.\/workerBundle\\"\)/g, '{}');
      }
    },
  };
}

...

export default defineConfig({
...

   plugins: [
    fixReactDiffViewerWorker(),

...