[worker] definePageMeta is not defined

Environment

• Operating System: Darwin
• Node Version: v16.13.1
• Nuxt Version: 3.0.0-27385496.7a1cf62
• Package Manager: yarn@1.22.17
• Bundler: Vite
• User Config: head, css, build
• Runtime Modules: -
• Build Modules: -

Reproduction

https://codesandbox.io/s/hardcore-grass-965dh?file=/pages/index.vue

Describe the bug

Instructions from official Nuxt3 tutorial can’t be executed

Additional context

Check out this topic: https://github.com/nuxt/framework/discussions/2770

Any of flows:

1. Having ‘pages’ folder and no lock.json/node_modules -> installing -> running (after clone)
2. Having ‘pages’ folder, deleting lock.json/node_modules -> installing -> running
3. Having no pages folder (e.g no vue-router) will result in lack of definePageMeta

In this example I use definePageMeta for middleware, but it doesn’t depend on it (this is not the source of the error) I do get the following warning though:

[Vue warn]: Unhandled error during execution of setup function at <Index onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > key=“/some_page” > definePageMeta is not defined at setup (file://./.nuxt/dist/server/server.mjs:11102:1)

Logs

ERROR  [worker] definePageMeta is not defined                                                                          

  at setup (.nuxt/dist/server/server.mjs:11102:1)
  at _sfc_main.setup (.nuxt/dist/server/server.mjs:11491:23)
  at callWithErrorHandling (node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:6621:22)
  at setupStatefulComponent (node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:6247:29)
  at setupComponent (node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:6203:11)
  at renderComponentVNode (node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:198:17)
  at renderVNode (node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:304:22)
  at renderVNode (node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:310:17)
  at renderComponentSubTree (node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:269:13)
  at renderComponentVNode (node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:214:16)

[danielroe]

I’m going to close this issue. We’ve implemented a helper in Nuxi to clear the vite cache (which was the likely culprit) automatically on upgrade.

If anyone experiences this in future, even after trying the steps above, please create a new issue with a reproduction.

[eden]

I would suggest deleting your node_modules/.vite and node_modules/.cache folders. Also try upgrading with npx nuxi upgrade --force.

I encountered this issue in my project, but completely removing node_modules and reinstalling from NPM from scratch fixed everything.