Circular worker imports detected

[bonomite]

It worked locally, but circleci gave me this error when building it out.

[error] x Build failed in 15.27s
[error] Nuxt Build Error: [commonjs--resolver] Circular worker imports detected. Vite does not support it. Import chain: node_modules/@transcribe/shout/src/shout/shout.wasm.js -> node_modules/@transcribe/shout/src/shout/shout.wasm.js
file: /root/project/node_modules/@transcribe/shout/src/shout/shout.wasm.js
file: node_modules/@transcribe/shout/src/shout/shout.wasm.js
at bundleWorkerEntry (node_modules/vite/dist/node/chunks/dep-D8YhmIY-.js:48121:11)
at workerFileToUrl (node_modules/vite/dist/node/chunks/dep-D8YhmIY-.js:48202:31)
at Object.transform (node_modules/vite/dist/node/chunks/dep-D8YhmIY-.js:48637:32)
at async transform (node_modules/rollup/dist/es/shared/node-entry.js:18645:16)
at async ModuleLoader.addModuleSource (node_modules/rollup/dist/es/shared/node-entry.js:18861:36)

Exited with code exit status 1

[bonomite]

The failing job encountered a Nuxt build error related to circular worker imports in the file node_modules/@transcribe/shout/src/shout/shout.wasm.js. Vite (used by Nuxt 3) does not support circular imports, which are causing the build to break.

Solution Steps:

Inspect and Break the Circular Import Chain

Open node_modules/@transcribe/shout/src/shout/shout.wasm.js and review all its imports and exports.
Identify any import where shout.wasm.js directly or indirectly imports itself or another file that imports it back.
Restructure Imports to Eliminate Circular Dependencies

Refactor code so that shout.wasm.js does not import itself (directly or indirectly). If there’s shared logic, move it to a separate utility file (e.g., utils.js) that both files can import without referencing each other:

js
// Instead of importing shout.wasm.js elsewhere, pull out shared logic:
// utils.js
export function sharedFunction() { ... }

// In shout.wasm.js
import { sharedFunction } from './utils.js';

// In other files previously importing shout.wasm.js
import { sharedFunction } from './utils.js';
If the Problem Originates From Dependency (@transcribe/shout):

Check if there’s an updated version of @transcribe/shout that fixes this issue. Run:
Code
npm outdated @transcribe/shout
If updates exist, upgrade with:
Code
npm install @transcribe/shout@latest
If unresolved, consider reporting the issue or forking and patching the problematic circular import.
Temporary Workaround (if you control how the library is bundled):

If you must build with a circular dependency temporarily, you might use rollup-plugin-circular-dependency, but beware this is not a long-term solution for Vite+Nuxt.
Code Fix Example

Suppose shout.wasm.js contains:

js
import { something } from './shout.wasm.js'; // This creates the cycle.
Change it to:

js
// Move 'something' and shared logic to utils.js
import { something } from './utils.js';
Summary: Break the circular import by refactoring imports and shared functions, upgrade dependencies if possible, and avoid any self-imports in shout.wasm.js.

If you need help with the specific code for shout.wasm.js, paste its contents here and I can suggest an edit directly.

[thurti]

Have you excluded the wasm file from dependency optimization like in a vue app?
https://github.com/TranscribeJs/examples/tree/main/vue#importbundle

Also be aware that transcribe.js can only be run on the client and will not work in SSR.

Friendly advice: Please don't copy paste AI generated analysis of issues.

[thurti]

I've created an example for Nuxt. Please see the code in the examples repo
https://github.com/TranscribeJs/examples/blob/main/nuxt

The relevant parts are in the nuxt.config.ts and the implementation in index.vue .

Let me know if this helps.