bridge bridge: The requested module does not provide an export named 'createDefu'

Environment

Operating System: Darwin
Node Version: v14.16.0
Nuxt Version: 2.16.0-27358576.777a4b7f
Package Manager: [email protected]
Builder: webpack
User Config: telemetry, hooks, mode, target, head, css, plugins, components, modules, build, srcDir, server, loading, render, publicRuntimeConfig, privateRuntimeConfig, proxy, serverMiddleware, router, bridge, buildModules
Runtime Modules: @nuxtjs/[email protected], @nuxt/[email protected], @nuxtjs/[email protected], @nuxtjs/[email protected]
Build Modules: @nuxt/[email protected]

Reproduction

I use "@nuxt/bridge": "npm:@nuxt/bridge-edge@^3.0.0-27454252.7bf338d" to upgrade nuxt2 to nuxt/bridge version

Need some helps when i use npm run dev run dev environment get The above error, thanks ~

Describe the bug

use npm i install packages and npm run dev run dev environment:

error logs:

 ERROR  [worker reload] [worker init] The requested module 'file:///Users/w/workspace/node_modules/defu/dist/defu.mjs' does not provide an export named 'createDefu'

  import { createDefu } from 'node_modules/defu/dist/defu.mjs';
  ^^^^^^^^^^
  SyntaxError: The requested module 'node_modules/defu/dist/defu.mjs' does not provide an export named 'createDefu'
  at ModuleJob._instantiate (internal/modules/esm/module_job.js:104:21)
  at async ModuleJob.run (internal/modules/esm/module_job.js:149:5)
  at async Loader.import (internal/modules/esm/loader.js:166:24)
  at async Object.loadESM (internal/process/esm_loader.js:68:5)

and use npm why defu :

✦ ❯ npm-why defu
  Who required defu:
  web > @nuxt/bridge > unplugin-vue2-script-setup > [email protected]
  web > nuxt-edge > @nuxt/cli-edge > @nuxt/config-edge > [email protected]
  web > nuxt-edge > @nuxt/cli-edge > [email protected]
  web > nuxt-edge > @nuxt/config-edge > [email protected]
  web > nuxt-edge > @nuxt/core-edge > @nuxt/config-edge > [email protected]
  web > nuxt-edge > @nuxt/core-edge > @nuxt/server-edge > @nuxt/vue-renderer-edge > [email protected]
  web > nuxt-edge > @nuxt/core-edge > @nuxt/server-edge > serve-placeholder > [email protected]
  web > nuxt-edge > @nuxt/generator-edge > [email protected]
  web > nuxt-edge > @nuxt/loading-screen > [email protected]
  web > nuxt-edge > @nuxt/server-edge > @nuxt/vue-renderer-edge > [email protected]
  web > nuxt-edge > @nuxt/server-edge > serve-placeholder > [email protected]
  web > nuxt-edge > @nuxt/telemetry > [email protected]
  web > nuxt-edge > @nuxt/vue-renderer-edge > [email protected]

Additional context

No response

Logs

No response

May 26 '22 07:05 0xinhua

Same issue

May 27 '22 23:05 yf-hk

Same issue here!

May 30 '22 09:05 MelvinSnijders

Same issue 😞

May 30 '22 11:05 felix-berlin

Just got this running. Either you install the package defu manually to the devDependencies or you delete the package-lock.json file, delete all node_modules and run npm i again.

May 30 '22 12:05 felix-berlin

Deleting the package-lock.json and node_modules doesn't fix it for me. However, installing defu manually does work, but that feels like a bad workaround.

May 30 '22 13:05 MelvinSnijders

Just got this running. Either you install the package defu manually to the devDependencies or you delete the package-lock.json file, delete all node_modules and run npm i again.

@felix-berlin thanks, but I don't think is a good idea to installing it manually，It is referenced by some other package

May 30 '22 13:05 0xinhua

Had the same issue... per @MelvinSnijders comment, adding defu worked!