Cannot find package '@nuxt/ui-templates'

Environment

---

• Operating System: Windows_NT
• Node Version: v14.18.1
• Nuxt Version: 2.16.0-27358576.777a4b7f
• Package Manager: npm@6.14.15
• Bundler: Webpack
• User Config: server, head, css, plugins, serverMiddleware, components, buildModules, axios, modules, bootstrapVue, build, auth, router, bridge
• Runtime Modules: @nuxtjs/axios@5.13.6, @nuxtjs/auth-next@5.0.0-1641544397.1af946a, bootstrap-vue/nuxt, cookie-universal-nuxt@2.1.5, @nuxtjs/moment@1.6.1
• Build Modules: @nuxtjs/eslint-module@2.0.0, @nuxt/bridge@3.0.0-27449998.32cf973

---

Reproduction

1. Upgraded to the latest version of nuxt-edge and nuxt-bridge
2. npm install
3. Ran nuxi dev
4. Error is thrown

Describe the bug

Issue occurs when attempting to run nuxi dev after upgrading to the latest version of nuxt-edge and nuxt-bridge

Additional context

No response

Logs

Nuxt CLI v3.0.0-27449998.32cf973                                                                                                                                                                                13:20:20
                                                                                                                                                                                                                13:20:20
  > Local:    http://localhost:3000/
  > Network:  http://169.254.139.185:3000/
  > Network:  http://192.168.56.1:3000/
  > Network:  http://192.168.0.129:3000/


 FATAL  Cannot find package '@nuxt/ui-templates' imported from C:\repo\frontend\node_modules\@nuxt\nitro\dist\index.mjs                                                             13:20:23

  at new NodeError (internal/errors.js:322:7)
  at packageResolve (internal/modules/esm/resolve.js:687:9)
  at moduleResolve (internal/modules/esm/resolve.js:728:18)
  at Loader.defaultResolve [as _resolve] (internal/modules/esm/resolve.js:842:11)
  at Loader.resolve (internal/modules/esm/loader.js:89:40)
  at Loader.getModuleJob (internal/modules/esm/loader.js:242:28)
  at ModuleWrap.<anonymous> (internal/modules/esm/module_job.js:76:40)
  at link (internal/modules/esm/module_job.js:75:36)


 ERROR  Cannot start nuxt:  Cannot find package '@nuxt/ui-templates' imported from C:\repo\frontend\node_modules\@nuxt\nitro\dist\index.mjs                                         13:20:23

  at new NodeError (internal/errors.js:322:7)
  at packageResolve (internal/modules/esm/resolve.js:687:9)
  at moduleResolve (internal/modules/esm/resolve.js:728:18)
  at Loader.defaultResolve [as _resolve] (internal/modules/esm/resolve.js:842:11)
  at Loader.resolve (internal/modules/esm/loader.js:89:40)
  at Loader.getModuleJob (internal/modules/esm/loader.js:242:28)
  at ModuleWrap.<anonymous> (internal/modules/esm/module_job.js:76:40)
  at link (internal/modules/esm/module_job.js:75:36)


 ERROR  Cannot read property 'callHook' of undefined                                                                                                                                                            13:20:23  

  at Object.invoke (/C:/repo/frontend/node_modules/nuxi/dist/chunks/dev.mjs:6773:31)
  at async _main (/C:/repo/frontend/node_modules/nuxi/dist/chunks/index.mjs:384:7)

[heyitsfranklin]

Update…

Running npm install -d @nuxt/ui-templates@npm:@nuxt/ui-templates-edge@latest solves the bug.

Can someone please fix this dependency issue?

[danielroe]

This seems to be a general issue with older versions of npm.

The issue here is your version of npm is not installing @nuxt/ui-templates as a dependency of nuxt3 or @nuxt/bridge.

You can verify this by running npm list @nuxt/ui-templates. Here’s sample output.

❯ npm list @nuxt/ui-templates
/tmp/nuxt3-app
└─┬ nuxt3@3.0.0-27460489.53fbca7
  ├─┬ @nuxt/nitro@npm:@nuxt/nitro-edge@3.0.0-27460489.53fbca7
  │ └── @nuxt/ui-templates@npm:@nuxt/ui-templates-edge@0.0.0-27455683.83d2457  (@nuxt/ui-templates) invalid
  └── UNMET DEPENDENCY @nuxt/ui-templates@npm:@nuxt/ui-templates-edge@latest

npm ERR! missing: @nuxt/ui-templates@npm:@nuxt/ui-templates-edge@latest, required by nuxt3@3.0.0-27460489.53fbca7
npm ERR! invalid: @nuxt/ui-templates-edge@0.0.0-27455683.83d2457 /tmp/nuxt3-app/node_modules/@nuxt/nitro/node_modules/@nuxt/ui-templates

Note that it is in nuxt3’s dependencies: https://github.com/nuxt/framework/blob/fb150825ceebbffddd49b312962bef9e6f3ed1b5/packages/nuxt3/package.json#L32-L36

I’m not sure what we can do from a nuxt perspective, but you can either use npm@8 or manually run npm install @nuxt/ui-templates@npm:@nuxt/ui-templates-edge@latest.