head.addEntry is not a function

[thegears]

Environment

---

• Operating System: Linux
• Node Version: v16.14.0
• Nuxt Version: 3.0.0-rc.12
• Nitro Version: 0.6.1
• Package Manager: npm@8.3.1
• Builder: vite
• User Config: buildModules
• Runtime Modules: -
• Build Modules: @nuxtjs/tailwindcss@6.1.3

---

Reproduction

https://github.com/nuxt/framework/

Describe the bug

When i run dev, giving this error

head.addEntry is not a function

at ./node_modules/nuxt/dist/head/runtime/lib/vueuse-head.plugin.mjs:11:8
at fn (./node_modules/nuxt/dist/app/nuxt.mjs:148:27)
at Object.callAsync (./node_modules/unctx/dist/index.mjs:49:19)
at callWithNuxt (./node_modules/nuxt/dist/app/nuxt.mjs:150:23)
at applyPlugin (./node_modules/nuxt/dist/app/nuxt.mjs:94:29)
at Module.applyPlugins (./node_modules/nuxt/dist/app/nuxt.mjs:104:11)
at processTicksAndRejections (node:internal/process/task_queues:96:5)
at async createNuxtAppServer (./node_modules/nuxt/dist/app/entry.mjs:30:7)
at async default (./node_modules/@nuxt/vite-builder/dist/runtime/vite-node.mjs:27:18)
at async Object.renderToString (./node_modules/vue-bundle-renderer/dist/runtime.mjs:172:19)

Additional context

No response

Logs

No response

[DomVit5]

Some problem, tried fresh install and got this error. Nuxt 3.0.0-rc.13

[thegears]

Some problem, tried fresh install and got this error. Nuxt 3.0.0-rc.13

I installed Nuxt 3.0.0-rc.10, now working. You can try

[gomorizsolt]

Same here

[KovacsRoli]

Same issue for me, tried a fresh install with node 18.0.0 and npm 8.6.0 on macOS and got the same issue for both Nuxt 3.0.0-rc.13 and Nuxt 3.0.0-rc.12. The Nuxt 3.0.0-rc.11 or lover versions work

[I-NOZex]

+1, fresh install, windows 10
also happens with rc13 & nuxt3@latest ( 3.0.0-rc.14-27802701.2f53495 )

this commit was supposed to fix this: nuxt/framework@83b5c09

[treighmawaka]

Same here. Confimed on rc12 and rc13. The strangest thing is that everything worked well with the exact same setup.

[vernaillen]

v1.0.0 of @vueuse/head was released 2 hours ago, so maybe that caused it?
https://github.com/vueuse/head/releases/tag/v1.0.0

I tried fixing @vueuse/head to version 0.9.8, but with no success yet

[piscis]

I can confirm this is caused by a upstream release of @vueuse/head and I was able to fix it with pnpm by overwrite vueuse/head and set it to v1.0.0-rc.14 like so in package.json:

...
"pnpm": {
    "overrides": {
      "@vueuse/head": "v1.0.0-rc.14"
    }
  }
...

[vernaillen]

@piscis that worked for me too, thx

[quadrat-studio]

@piscis Worked for me too, thanks!

[AsuraLuo]

@piscis I fixed this issue by yarn or npm add resolutions in package.json, thanks

 "resolutions": {
    "@vueuse/head": "v1.0.0-rc.14"
  }

[Aleksandr-Baranchuk]

that worked for me too, thx

[isimmons]

For npm resolutions didn't work but overrides does

 "overrides": {
    "@vueuse/head": "v1.0.0-rc.14"
  }

Then npm install

[ihornovelution]

Neither "resolutions" nor "overrides" helped me. Still getting "head.addEntry is not a function" error.

[localhousee]

Neither "resolutions" nor "overrides" helped me. Still getting "head.addEntry is not a function" error.

Weird, im using override and error is gone

After edit package.json and pnpm install --shamefully-hoist, my page back to normal

[owlnai]

For NPM, I had to delete package-lock.json because npm seem to ignore overrides when doing subsequent installs.

[treighmawaka]

Neither "resolutions" nor "overrides" helped me. Still getting "head.addEntry is not a function" error.

For what it's worth, switching to pnpm worked for me.

In a nutshell, remove node_modules and package-lock.json and add the pnpm overrides:

  "pnpm": {
    "overrides": {
      "@vueuse/head": "v1.0.0-rc.14"
    }
  }

Run pnpm install

This should work.

[harlan-zw]

Have replied in the duplicate issue: #15457

Should be fixed, re-install and try again