Cannot read properties of undefined (reading 'tapAsync')

[alvaro-canepa]

Current behavior

Getting error while running vue-cli-service styleguidist

To reproduce

Node: v16.13.0

vue-cli-plugin-styleguidist: ~4.54.4

File package.json

{
  "name": "gw",
  "version": "0.1.155",
  "private": true,
  "scripts": {
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint --fix",
    "deploy": "node ./tools/sshDeploy.js",
    "build:only": "cf dist && vue-cli-service build",
    "dev": "vue-cli-service serve",
    "generate": "node ./tools/generate.js",
    "postbuild": "$npm_execpath run deploy",
    "prebuild": "cf dist",
    "styleguide": "vue-cli-service styleguidist",
    "styleguide:build": "vue-cli-service styleguidist:build",
    "update-web-types": "vue-docgen-web-types",
  },
  "dependencies": {
    "@bit/planetadeleste.gui.form.form-observer": "^1.0.5",
    "@bit/planetadeleste.gui.ui.breadcrumbs": "^1.0.0",
    "@bit/planetadeleste.gui.ui.svg-icon": "^1.0.0",
    "@casl/ability": "^5.3.1",
    "@casl/vue": "1.x",
    "@mdi/font": "5.9.55",
    "@planetadeleste/vue-mc": "^1.0.114",
    "@planetadeleste/vue-mc-gw": "^1.0.83",
    "@planetadeleste/vue-mc-location": "^1.0.47",
    "@planetadeleste/vue-mc-shopaholic": "^1.1.27",
    "@yzfe/svgicon": "^1.0.1",
    "@yzfe/vue-svgicon": "^4.0.2",
    "animated-number-vue": "^1.0.0",
    "axios": "^0.21.1",
    "core-js": "^3.6.5",
    "credit-card-type": "^9.1.0",
    "deepdash-es": "^5.3.9",
    "filepond": "^4.18.0",
    "filepond-plugin-file-encode": "^2.1.10",
    "filepond-plugin-file-validate-type": "^1.2.8",
    "filepond-plugin-image-exif-orientation": "^1.0.11",
    "filepond-plugin-image-preview": "^4.6.11",
    "i18n": "^0.13.2",
    "lodash": "^4.17.21",
    "mathjs": "^10.6.4",
    "mitt": "^3.0.0",
    "moment": "^2.29.1",
    "pusher-js": "^7.4.0",
    "register-service-worker": "^1.7.1",
    "roboto-fontface": "*",
    "treeflex": "^2.0.1",
    "v-mask": "^2.2.4",
    "vue": "^2.6.11",
    "vue-2-breadcrumbs": "^0.8.0",
    "vue-axios": "^3.2.4",
    "vue-class-component": "^7.2.3",
    "vue-code-highlight": "^0.7.8",
    "vue-filepond": "^6.0.3",
    "vue-frag": "^1.1.5",
    "vue-i18n": "^8.24.3",
    "vue-lodash": "^2.1.2",
    "vue-mc": "^0.6.0",
    "vue-moment": "^4.1.0",
    "vue-property-decorator": "^9.1.2",
    "vue-router": "^3.2.0",
    "vue-router-user-roles": "^0.1.92",
    "vue-toastification": "^1.7.11",
    "vue2-editor": "^2.10.2",
    "vue2-transitions": "^0.3.0",
    "vuedraggable": "^2.24.3",
    "vuetify": "^2.6.0",
    "vuetify-confirm": "^2.0.6",
    "vuex": "^3.4.0"
  },
  "devDependencies": {
    "@bit/planetadeleste.shopaholic.types.api": "^0.0.10",
    "@tailwindcss/postcss7-compat": "npm:@tailwindcss/postcss7-compat",
    "@types/lodash": "^4.14.168",
    "@types/node": "^18.8.2",
    "@typescript-eslint/eslint-plugin": "^4.23.0",
    "@typescript-eslint/parser": "^4.23.0",
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-plugin-pwa": "~4.5.0",
    "@vue/cli-plugin-router": "~4.5.0",
    "@vue/cli-plugin-typescript": "~4.5.0",
    "@vue/cli-plugin-vuex": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "@vue/eslint-config-prettier": "^6.0.0",
    "@vue/eslint-config-typescript": "^7.0.0",
    "@yzfe/svgicon-loader": "^1.0.5",
    "@yzfe/vue-cli-plugin-svgicon": "~1.0.3",
    "autoprefixer": "^9",
    "chalk": "^4.1.1",
    "clear-folder": "^3.0.0",
    "eslint": "^7.5.0",
    "eslint-plugin-prettier": "^3.3.1",
    "eslint-plugin-vue": "^6.2.2",
    "generate-template-files": "^3.0.0",
    "lint-staged": "^9.5.0",
    "postcss": "^7",
    "prettier": "^2.5.1",
    "sass": "~1.32",
    "sass-loader": "^10.0.0",
    "tailwindcss": "npm:@tailwindcss/postcss7-compat",
    "tslib": "^2.4.0",
    "typescript": "~4.2.4",
    "vee-validate": "^3.4.5",
    "vue-cli-plugin-compression": "~1.2.0",
    "vue-cli-plugin-styleguidist": "~4.54.4",
    "vue-cli-plugin-vuetify": "^2.3.1",
    "vue-docgen-web-types": "^0.1.8",
    "vue-eslint-parser": "^8.0.0",
    "vue-intellisense": "^1.0.1",
    "vue-template-compiler": "^2.6.11",
    "vuetify-loader": "^1.7.0",
    "vuex-module-decorators": "^1.0.1",
    "yargs": "^17.6.0"
  },
  "gitHooks": {
    "pre-commit": "lint-staged"
  },
  "lint-staged": {
    "*.{js,jsx,vue,ts,tsx}": [
      "vue-cli-service lint",
      "git add"
    ]
  },
  "web-types": "./web-types.json"
}

Error message

⚠ ｢wds｣: transportMode is an experimental option, meaning its usage could potentially change without warning
 ERROR  TypeError: Cannot read properties of undefined (reading 'tapAsync')
TypeError: Cannot read properties of undefined (reading 'tapAsync')
    at /media/alvaro/Trabajos/Proyectos/gestionweb.uy/web-app/gw/node_modules/@vue/cli-plugin-pwa/lib/HtmlPwaPlugin.js:62:63
    at SyncHook.eval [as call] (eval at create (/media/alvaro/Trabajos/Proyectos/gestionweb.uy/web-app/gw/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:15:1)
    at SyncHook.lazyCompileHook (/media/alvaro/Trabajos/Proyectos/gestionweb.uy/web-app/gw/node_modules/tapable/lib/Hook.js:154:20)
    at Compiler.newCompilation (/media/alvaro/Trabajos/Proyectos/gestionweb.uy/web-app/gw/node_modules/webpack/lib/Compiler.js:631:26)
    at /media/alvaro/Trabajos/Proyectos/gestionweb.uy/web-app/gw/node_modules/webpack/lib/Compiler.js:667:29
    at AsyncSeriesHook.eval [as callAsync] (eval at create (/media/alvaro/Trabajos/Proyectos/gestionweb.uy/web-app/gw/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:6:1)
    at AsyncSeriesHook.lazyCompileHook (/media/alvaro/Trabajos/Proyectos/gestionweb.uy/web-app/gw/node_modules/tapable/lib/Hook.js:154:20)
    at Compiler.compile (/media/alvaro/Trabajos/Proyectos/gestionweb.uy/web-app/gw/node_modules/webpack/lib/Compiler.js:662:28)
    at /media/alvaro/Trabajos/Proyectos/gestionweb.uy/web-app/gw/node_modules/webpack/lib/Watching.js:77:18
    at AsyncSeriesHook.eval [as callAsync] (eval at create (/media/alvaro/Trabajos/Proyectos/gestionweb.uy/web-app/gw/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:33:1)
    at AsyncSeriesHook.lazyCompileHook (/media/alvaro/Trabajos/Proyectos/gestionweb.uy/web-app/gw/node_modules/tapable/lib/Hook.js:154:20)
    at Watching._go (/media/alvaro/Trabajos/Proyectos/gestionweb.uy/web-app/gw/node_modules/webpack/lib/Watching.js:41:32)
    at /media/alvaro/Trabajos/Proyectos/gestionweb.uy/web-app/gw/node_modules/webpack/lib/Watching.js:33:9
    at Compiler.readRecords (/media/alvaro/Trabajos/Proyectos/gestionweb.uy/web-app/gw/node_modules/webpack/lib/Compiler.js:529:11)
    at new Watching (/media/alvaro/Trabajos/Proyectos/gestionweb.uy/web-app/gw/node_modules/webpack/lib/Watching.js:30:17)
    at Compiler.watch (/media/alvaro/Trabajos/Proyectos/gestionweb.uy/web-app/gw/node_modules/webpack/lib/Compiler.js:244:10)

Expected behavior
Start style a guide dev server and open in browser.