无法读取未定义的属性“tapAsync”

Question

我正试图用vuetify来为我的项目服务，但我有Cannot read property 'tapAsync' of undefined。我使用了Vue3和Webpack4：

主档案：

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");

在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

升级Vue版本

vue升级