Unable to build the example edge-middleware/redirects-bloom-filter

[rafalotufo]

Summary

I checked out the code, then:

> cd examples/edge-middleware
> npm ci
> npm run build

I get the error:

> [email protected] build
> next build

   ▲ Next.js 14.1.0

   Creating an optimized production build ...
Failed to compile.

./node_modules/lodash/_root.js
Dynamic Code Evaluation (e. g. 'eval', 'new Function', 'WebAssembly.compile') not allowed in Edge Runtime 
Learn More: https://nextjs.org/docs/messages/edge-dynamic-code-evaluation

Import trace for requested module:
./node_modules/lodash/_root.js
./node_modules/lodash/_Symbol.js
./node_modules/lodash/_baseGetTag.js
./node_modules/lodash/isSymbol.js
./node_modules/lodash/_baseSortedIndexBy.js
./node_modules/lodash/sortedIndexBy.js
./node_modules/bloom-filters/dist/sketch/topk.js
./node_modules/bloom-filters/dist/api.js

./node_modules/reflect-metadata/Reflect.js
Dynamic Code Evaluation (e. g. 'eval', 'new Function', 'WebAssembly.compile') not allowed in Edge Runtime 
Learn More: https://nextjs.org/docs/messages/edge-dynamic-code-evaluation

Import trace for requested module:
./node_modules/reflect-metadata/Reflect.js
./node_modules/bloom-filters/dist/exportable.js
./node_modules/bloom-filters/dist/bloom/bloom-filter.js
./node_modules/bloom-filters/dist/api.js


> Build failed because of webpack errors

Additional information

npm --version
10.5.0

node --version
v18.20.2

Example

No response

[icyJoseph]

Hi,

This example makes use of an escape-hatch, https://nextjs.org/docs/messages/edge-dynamic-code-evaluation, which you can find in the middleware file itself.

• https://github.com/vercel/examples/blob/main/edge-middleware/redirects-bloom-filter/middleware.ts#L48C1-L51C5

  unstable_allowDynamic: [
    '**/node_modules/.pnpm/lodash@*/node_modules/lodash/lodash.js',
    '**/node_modules/.pnpm/reflect-metadata@*/node_modules/reflect-metadata/Reflect.js',
  ],

The quirk is that, the code right now, is made to work with pnpm, so you, can do pnpm i and then pnpm run build, and that'll work, or you can edit that unstable_allowDynamic to work with npm instead:

  unstable_allowDynamic: [
    '**/node_modules/lodash/_root.js',
    '**/node_modules/reflect-metadata/Reflect.js',
  ],

[rafalotufo]

Yes, I have the unstable_allowDynamic set, but the error still occurs.

[icyJoseph]

What have you set it to? I tried with:

  unstable_allowDynamic: [
    '**/node_modules/lodash/_root.js',
    '**/node_modules/reflect-metadata/Reflect.js',
  ],

And it worked. Gonna re-run it, just in case.

[icyJoseph]

Double checked just now.

[rafalotufo]

Yeah, got it to work. Thanks