Server Side Rendering Error: Error [ERR_REQUIRE_ESM]: require() of ES Module

Environment

---

• Operating System: Windows_NT
• Node Version: v16.10.0
• Nuxt Version: 2.16.0-27226092.034b9901
• Package Manager: npm
• Bundler: Webpack
• User Config: buildModules
• Runtime Modules: -
• Build Modules: @nuxt/bridge@3.0.0-27235989.d52b1e8

---

Describe the bug

When i try to run my Nuxt 2 project with Nuxt Bridge it doesn’t work. I tried to remove all unnecessary stuff but I still get the same error on run

Server Side Rendering Error: Error [ERR_REQUIRE_ESM]: require() of ES Module D:\projects\nuxt3Test\node_modules\node-fetch\sr
c\index.js from D:\projects\nuxt3Test\.nuxt\dist\server\server.js not supported.
Instead change the require of index.js in D:\projects\nuxt3Test\.nuxt\dist\server\server.js to a dynamic import() which is av
ailable in all CommonJS modules.

Whole code to reproduce the error is here https://github.com/PayteR/Nuxt3Test

When I tried to install fresh Nuxt 2 and then add Bridge, then it runs all good.

Reproduction

Download code from here https://github.com/PayteR/Nuxt3Test install dependencies and run

Additional context

No response

Logs

No response

[kolchurinvv]

I think i have a similar issue:

npm run dev

> package_name@1.0.3 dev
> nuxt


   ╭───────────────────────────────────────╮
   │                                       │
   │   Nuxt @ v2.16.0-27226092.034b9901    │
   │                                       │
   │   ▸ Environment: development          │
   │   ▸ Rendering:   server-side          │
   │   ▸ Target:      static               │
   │                                       │
   │   Listening: http://localhost:3000/   │
   │                                       │
   ╰───────────────────────────────────────╯

ℹ Preparing project for development                                                                                                      18:19:57
ℹ Initial build may take a while                                                                                                         18:19:57
ℹ Discovered Components: .nuxt/components/readme.md                                                                                      18:19:57
✔ Builder initialized                                                                                                                    18:19:57
✔ Nuxt files generated                                                                                                                   18:19:58

✔ Client
  Compiled successfully in 32.84s

✔ Server
  Compiled successfully in 32.52s

ℹ Waiting for file changes                                                                                                               18:20:34
ℹ Memory usage: 234 MB (RSS: 582 MB)                                                                                                     18:20:34
ℹ Listening on: http://localhost:3000/                                                                                                   18:20:34
✔ Nitro built in 332 ms                                                                                                                  18:20:34
Server Side Rendering Error: Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: /Users/vladimir/Dev_Projects/project_folder/domains/domain_name/.nuxt/dist/server/server.js
    at new NodeError (internal/errors.js:322:7)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1102:13)
    at Module.load (internal/modules/cjs/loader.js:950:32)
    at Function.Module._load (internal/modules/cjs/loader.js:790:12)
    at Module.require (internal/modules/cjs/loader.js:974:19)
    at require (internal/modules/cjs/helpers.js:93:18)
    at Object.<anonymous> (/Users/vladimir/Dev_Projects/project_folder/domains/domain_name/.nuxt/dist/server/server.cjs:1:18)
    at Module._compile (internal/modules/cjs/loader.js:1085:14)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
    at Module.load (internal/modules/cjs/loader.js:950:32) {
  code: 'ERR_REQUIRE_ESM'
}

[danielroe]

I’m closing this as it seems resolved.

@Razunter Try running:

yarn add --dev @nuxt/bridge@npm:@nuxt/bridge-edge@latest

(If you drop the version tag off the end you’ll get the error you’re seeing from yarn.)