An error on musicgen-web example

[porry420]

System Info

OS: Windows 10
node version 20.16.0
npm version10.8,1

Environment/Platform

• Website/web-app
• Browser extension
• Server-side (e.g., Node.js, Deno, Bun)
• Desktop app (e.g., Electron)
• Other (e.g., VSCode extension)

Description

I tired to run this example.
And I have got an error like this.

X [ERROR] Failed to resolve entry for package "@xenova/transformers". The package may have incorrect main/module/exports specified in its package.json. [plugin vite:dep-scan]

node_modules/esbuild/lib/main.js:1225:21:
  1225 │         let result = await callback({

Reproduction

clone full repository.
go to sub direcoty
npm install
npm run dev

[SeanGallen]

@porry420, I was able to reproduce the bug. I have a PR with a potential solution here, if you would like to try. I was able to get it working with those changes.

[porry420]

I am going to change this Musicgen-web so that it can run without the internet. I have followed the custom usage instructions, but it is not working correctly. Can you give me more details?

[SeanGallen]

Here are the steps I used to get it working with it connected to the internet:

In the package.json change the "@xenova/transformers": "github:xenova/transformers.js#v3" to "@huggingface/transformers": "^3.1.2",.
In the examples/musicgen-web/src/App.jsx, change "@xenova/transformers to @huggingface/transformers

Just to be safe, remove the "@xenova/transformers from your node_modules. npm uninstall @xenova/transformers.
Run npm install in the root of the musicgen-web, to re-install all the packages.

This should get it working locally for you.