Cannot read property 'tapAsync' of undefined

Question

I am trying to serve my project with vuetify but I've got Cannot read property 'tapAsync' of undefined. I used Vue3 and Webpack4 :

main file:

import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";
import store from "./store";
import vuetify from "./plugins/vuetify";
// import { loadFonts } from "./plugins/webfontloader";

// loadFonts();

createApp(App).use(router).use(store).use(vuetify).mount("#app");

and in vue.config.js

module.exports = {
  transpileDependencies: ["vuetify"],

};

package.json

"dependencies": {
    "@mdi/font": "5.9.55",
    "core-js": "^3.6.5",
    "register-service-worker": "^1.7.1",
    "roboto-fontface": "*",
    "vue": "^3.0.0",
    "vue-material": "^1.0.0-beta-15",
    "vue-router": "^4.0.0-0",
    "vuetify": "^3.0.0-alpha.0",
    "vuex": "^4.0.0-0",
    "webfontloader": "^1.0.0",
    "webpack": "^4.0.0"
  }

Answer 1

upgrade Vue version

vue upgrade