[ERROR] No matching export in "node_modules/vue/dist/vue.runtime.esm-bundler.js" for import "default"

Environment

node: 16.15.1 (I’ve tried 16.14.2) npm: 8.11.0

Nuxt version: “nuxt”: “3.0.0-rc.3”, “@nuxtjs/composition-api”: “^0.32.0”,

Reproduction

Here is my minimal demo: https://codesandbox.io/s/busy-ride-0r9df8?file=/components/Button.vue All my dependencies on package.json Notice on Button.vue component and app.vue file. My project just have only two these files but I’m getting error 503 Server Unavailable

Describe the bug

✘ [ERROR] No matching export in "node_modules/vue/dist/vue.runtime.esm-bundler.js" for import "default"
    node_modules/@nuxtjs/composition-api/dist/runtime/index.mjs:1:7:
      1 │ import Vue from 'vue';
        ╵        ~~~

✘ [ERROR] No matching export in "node_modules/nuxt/dist/app/compat/capi.mjs" for import "default"

Can someone explain to me why I’m getting this bug?

Updated

I clean my code and add the button

[Caesy707]

thank you

[danielroe]

Nuxt 3 is compatible with Vue 3 and Vite - that’s what it uses. Your error indicates you are trying to use some other library that is not compatible with Vue 3.