'/node_modules/.vite/deps/music-metadata.js?v=1aab4cae' does not provide an export named 'parseFile'

I’m trying to use this to parse my audio file uploads in Vue3/Vite

and I’m banging my head against a wall with this error:

‘/node_modules/.vite/deps/music-metadata.js?v=1aab4cae’ does not provide an export named ‘parseFile’

my setup is as specified: import { parseFile } from "music-metadata";

although I can see in the index.js that there’s an export:

export async function parseFile(filePath, options = {}) { ... }

So I’m kinda stuck, any ideas?

Thanks

[Borewit]

I recommend in to use music-metadata in the main process, as it is designed to run on Node.js. You probably need to use some ElectronJS IPC to trigger parsing and transfer the result back to the renderer.

It also follows the guidance to move heavy computation to the main process.

There are many Electron application having success with that, yet as far as I know only with the CJS version. So if you run into ESM issues in Electron, probably better to switch back to music-metadata v7. Maybe that is why music-metadata-browser works, that depends on v 7, the CJS version.

[staniel359]

@Borewit Now I see, thank you.

@LeviticusMaximus I’m using music-metadata with Electron, so I solved this one with vite-plugin-electron-renderer:

plugins:
  renderer({
    optimizeDeps: {
      include: [
        'music-metadata'
      ]
    }
  })
]

On vue-cli it was:

configureWebpack: {
  target: 'electron-renderer'
}

So I guess you need to set some config to tell your app to run Node packages on client side.