Reading from "node:crypto" is not handled by plugins

[vishalvibes]

Environment:

Node Version: 20.11.1
macOS: 14.2.1
next: 14.1.3
replicate: 0.28.1

I am getting Module build failed: UnhandledSchemeError: Reading from "node:crypto" is not handled by plugins (Unhandled scheme). while building my project.

pnpm build command is causing the issue but pnpm dev (developer mode) works fine.

[aron]

Googling your error message, this looks like a known issue with webpack.

webpack/webpack#14798

the fix appears to be telling webpack about this using externals.

module.exports = {
   externals: {
       'node:crypto': 'commonjs crypto'
   }
}

[bigOK666]

Any updates? I tried the external approach but the problem is not solved. I also tried the config mentioned in https://developer.tbd.website/docs/web5/troubleshooting/common-errors/ . It didn't work either.

My env:
Nextjs: 14.1.4
node: 20.5.0
replicate: 0.29.1

[bigOK666]

I guess the replicate package is not for interacting with Replicate API in browser. So I need to use HTTP API.

https://www.npmjs.com/package/replicate

[lucasishuman]

Edited to correct Replicate package version

FWIW ~ I'm seeing the same error.

I am using Turborepo for a few web apps, all Next.js projects.

I am using this Replicate client + the Vercel AI SDK.

It was working OK until v0.2.7 v0.27.0 when I started seeing the 'node:crypto' plugin error when trying to build my project. (same for all subsequent versions of replicate)

I tried some workarounds but haven't solved it yet...

(also, I'm using Yarn for dependency management but doubt that makes a difference)

[bigOK666]

@lucasishuman which package is v0.2.7? I am considering downgrade Replicate client.

[lucasishuman]

@lucasishuman which package is v0.2.7?

Sorry, I mistyped the Replicate version...

Replicate v0.26.0 currently runs and builds fine for me so am I am using that for now.

Replicate v0.27.0+ will not build and shows the UnhandledSchemeError: Reading from "node:crypto" ... error.

[himself65]

Related: #210

[leonardofaria]

Using Next 14.4.2 and PNPM here. Solved here by editing the next.config.js and tweaking the webpack config:

  webpack: (config) => {
    config.externals.push({
      'node:crypto': 'commonjs crypto',
    });
    return config;
  },

[lucasishuman]

@leonardofaria - that worked for me, thanks.

[lucasishuman]

Although... this did not work once deployed to my production environment (on Vercel)

Error: The Edge Function "src/middleware" is referencing unsupported modules:
	- __vc__ns__/1/index.js: crypto

So back to v0.26.0 for now...

[himself65]

Although... this did not work once deployed to my production environment (on Vercel)

Error: The Edge Function "src/middleware" is referencing unsupported modules:
	- __vc__ns__/1/index.js: crypto

So back to v0.26.0 for now...

What's the nodejs version you are setting? I should be 18, or better 20

[lucasishuman]

Node 18.18.2 locally - Replicate 0.29.1 + webpack externals config = ok

Node 18.x on Vercel (vercel screen grab below) - Replicate 0.29.1 + webpack externals config = error on build