Module crashes webpack build due to use of new URL('./', import.meta.url)

[Onekki]

System Info

transformer.js#3

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

The dist folder of transformer.js in node_modules contains the "new URL('./', import.meta.url)", which cause a build crash for webpack:
webpack/webpack#16878

Reproduction

extension.zip

[MrShahzeb-kresus]

Facing this issue on expo react native

"expo": "~51.0.28",
"react": "18.2.0",
"react-native": "0.74.5",
"@xenova/transformers": "^2.17.2",

SyntaxError: 192689:107:'import.meta' is currently unsupported, js engine: hermes [Component Stack]

[timi137137]

facing this issue on next v14

"@huggingface/transformers": "^3.0.0",
"next": "14.2.5",
"react": "^18",
"react-dom": "^18",

 ⨯ ./node_modules/@huggingface/transformers/dist/transformers.js:32776:1
Module not found: Can't resolve './'

[xenova]

Hi there 👋 Thanks for reporting - we're working on fixing this :)

In the meantime, there is a workaround as shown here
(update the webpack config):

webpack(config, { isServer }) {
	config.resolve.alias['@huggingface/transformers'] = path.resolve(__dirname, 'node_modules/@huggingface/transformers');
        .... 
	return config;
	}

[xenova]

I might have found a better solution (tested in Next.js v15):

const nextConfig = {
  output: "standalone",
  // https://nextjs.org/docs/app/api-reference/next-config-js/serverExternalPackages
  serverExternalPackages: ["@huggingface/transformers"],
};

Let me know if that fixes it!

---

Demo: https://huggingface.co/spaces/webml-community/next-server-template
Source code: https://github.com/huggingface/transformers.js-examples/tree/main/next-server