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

【问题标题】：Cannot read property 'tapAsync' of undefined无法读取未定义的属性“tapAsync”
【发布时间】：2023-03-30 23:45:01
【问题描述】：

我正在尝试使用 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"
  }

【问题讨论】：

你没有展示你的开发部门。不要使用 webpack dep。如果你使用 Vue CLI，它已经包含了 Webpack。该错误似乎是webpack版本冲突引起的
您是否通过 vue cli 安装了 Vuetify？似乎 Vuetify 3（这是一个早期的 alpha 版本）造成了这个问题，我也遇到了，不知道该怎么办（甚至当我用 vue add vuetify 添加它时如何回退到没有 Vuetify - 我'正在考虑改用 Bootstrap，直到他们解决了这个问题）。
如果您扩展您的问题并包含所有必要的重现位和错误日志，您将帮助社区。对我来说，第一行是 at <root>\front\node_modules\@vue\cli-plugin-pwa\lib\HtmlPwaPlugin.js:62:63（尽管 PWA 在添加 Vuetify 之前没有破坏），其余行讲述的是 <root>\front\node_modules\webpack\...。似乎相关：similar issue 与另一个 webpack 插件，vue-clie issue（已关闭）关于 no-html 构建

标签： javascript vue.js vuejs3

【解决方案1】：

升级 Vue 版本

vue 升级

【讨论】：