Dynamic Code Evaluation (e. g. 'eval', 'new Function', 'WebAssembly.compile') not allowed in Edge Runtime

[Aralhi]

Prerequisites

• I have written a descriptive issue title

Mongoose version

7.2.0

Node.js version

18.x

MongoDB version

5/x

Operating system

macOS

Operating system version (i.e. 20.04, 11.3, 10)

13

Issue

when i use mongoose in nextjs edge runtime meet this error

./node_modules/_mongoose@7.2.0@mongoose/dist/browser.umd.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/_mongoose@7.2.0@mongoose/dist/browser.umd.js
./lib/dbConnect.ts
./lib/completion.ts

does mongoose support nextjs edge runtime?

api/get.ts

const handler = async (req: Request, res: Response) => {
   await dbConnect
})

dbconnect.ts

import mongoose from 'mongoose'

const MONGODB_URI = process.env.MONGODB_URI || ''

if (!MONGODB_URI) {
  throw new Error(
    'Please define the MONGODB_URI environment variable inside .env.local'
  )
}

let cached = global.mongoose

if (!cached) {
  cached = global.mongoose = { conn: null, promise: null }
}

async function dbConnect() {
  if (cached.conn) {
    return cached.conn
  }

  if (!cached.promise) {
    const opts = {
      bufferCommands: false,
    }

    cached.promise = mongoose.connect(MONGODB_URI, opts).then((mongoose) => {
      return mongoose
    })
  }

  try {
    cached.conn = await cached.promise
  } catch (e) {
    cached.promise = null
    throw e
  }

  return cached.conn
}

export default dbConnect

HOW can i resolve it.

[Aralhi]

and i try to use unstable_allowDynamic and it does not work.

export const config = {
  runtime: "edge",
  unstable_allowDynamic: [
    '/node_modules/mongoose/dist/browser.umd.js'
  ]
};

[vkarpov15]

We've never tested with nextjs edge runtime, so we're not entirely sure. However, dist/browser.umd.js is Mongoose's browser build, so unless you're using Mongoose on the frontend that code is unused.

[Aralhi]

We've never tested with nextjs edge runtime, so we're not entirely sure. However, dist/browser.umd.js is Mongoose's browser build, so unless you're using Mongoose on the frontend that code is unused.

thanks for your reply, i will try to ask nextjs for help

[Aralhi]

We've never tested with nextjs edge runtime, so we're not entirely sure. However, dist/browser.umd.js is Mongoose's browser build, so unless you're using Mongoose on the frontend that code is unused.

one question.why nextjs will build borwser.umd.js. I'm importing it the wrong way?
import { Schema, model, models } from 'mongoose'

[vkarpov15]

I don't know enough about how nextjs' compiler works to answer. Maybe it just compiles all files, or maybe Next edge runtime imports browser build? But you shouldn't be running browser.umd.js unless you're importing Mongoose on frontend.

[vkarpov15]

I took a look and you currently can't use Mongoose to connect to MongoDB in NextJS edge runtime because NextJS edge runtime doesn't allow using native node APIs, including net, which is what the MongoDB Node driver uses to connect to MongoDB.

Furthermore, it looks like whatever the build process NextJS edge runtime uses pulls the "browser" version of every npm package based on the browser property in package.json, so if you import Mongoose in Edge runtime you'll get the browser version of Mongoose. The browser version of Mongoose currently only supports hydrating documents, doesn't support connecting to MongoDB.

We will add docs for this.