How to find out which package eval error is coming from?

[evrys]

Hello! I am trying to upgrade an existing nextjs app that previously ran on @cloudflare/next-on-pages to use CF Workers with this package instead. However, I am running into this:

▲ [WARNING] Using direct eval with a bundler is not recommended and may cause problems [direct-eval]

    .open-next/server-functions/default/handler.mjs:449:36391:
      449 │ ...uire(moduleName){try{var mod=eval("quire".replace(/^/,"re"))(m...

And the subsequent runtime error:

✘ [ERROR] EvalError: Code generation from strings disallowed for this context

      at [object Object]
      at e
  (file:///Users/evrys/nextjs-project/.open-next/server-functions/default/handler.mjs:351:18649)
      at s.get

I assume this is because one of my server-side dependencies is trying to use eval. But I am not sure how to find out which dependency, because the stack traces all just point at the minified build output.

Is there perhaps something opennextjs-cloudflare could do during the build process to narrow down this kind of problem?

[sommeeeer]

You can build with opennextjs-cloudflare build --noMinify && opennextjs-cloudflare preview then in your code editor you open the file .open-next/server-functions/default/handler.mjs and look for the affected lines. If your using VSCode you can see it on top bar when you have the cursor at the affected line.

Or look for var require_xxx = commonJS({... above your affected lines of code. The first property in that object passed to commonJS should be the absolute path to the module.

Click where I have my arrow should take you to this which can show you the affected module/package. Look at the line 65930 on the last image: