我无法将 v-select 与 Vuetify 3 和 Electron 一起使用

Question

我正在使用 Electron.js 和 Vue.js 开发一个应用程序，我正在使用 Vuetify 3 组件，一切正常，直到我尝试在我的卡上使用

v-select

。 当我这样做时，屏幕上没有显示任何其他内容，并且控制台中出现错误。

Package.json：

{
  "name": "ads_manager",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "electron:build": "vue-cli-service electron:build",
    "electron:serve": "vue-cli-service electron:serve",
    "postinstall": "electron-builder install-app-deps",
    "postuninstall": "electron-builder install-app-deps"
  },
  "main": "background.js",
  "dependencies": {
    "@mdi/font": "5.9.55",
    "core-js": "^3.8.3",
    "roboto-fontface": "*",
    "vue": "^3.2.13",
    "vuetify": "^3.0.0-beta.0",
    "webfontloader": "^1.0.0"
  },
  "devDependencies": {
    "@babel/core": "^7.12.16",
    "@babel/eslint-parser": "^7.12.16",
    "@vue/cli-plugin-babel": "~5.0.0",
    "@vue/cli-plugin-eslint": "~5.0.0",
    "@vue/cli-service": "~5.0.0",
    "electron": "^13.0.0",
    "electron-devtools-installer": "^3.1.0",
    "eslint": "^7.32.0",
    "eslint-plugin-vue": "^8.0.3",
    "vue-cli-plugin-electron-builder": "~2.1.1",
    "vue-cli-plugin-vuetify": "~2.5.8",
    "webpack-plugin-vuetify": "^2.0.0-alpha.0"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/vue3-essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "@babel/eslint-parser"
    },
    "rules": {}
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead",
    "not ie 11"
  ],
  "title": "Gerenciador de Anúncios"
}

应用程序.vue：

<template>
  <v-app>
    <v-app-bar app color="grey-darken-4" dark>
      <v-toobar-title class="px-4 text-h6">Title</v-toobar-title>
      <v-btn variant="tonal" prepend-icon="mdi-account-arrow-left" class="mr-2">Login</v-btn>
      <v-btn disabled variant="tonal" prepend-icon="mdi-account-arrow-right">Logout</v-btn>
      <v-avatar color="grey-darken-3" class="ml-4">
        <v-icon icon="mdi-account-circle"></v-icon>
      </v-avatar>
    </v-app-bar>
    <v-main>
      <v-card class="ma-5 bg-grey-darken-4 pa-5 rounded-lg"
      elevation="8"
      max-width="800"
      rounded="lg">
        <v-select
            label="Select"
            :items="['California', 'Colorado', 'Florida', 'Georgia', 'Texas', 'Wyoming']"
            variant="outlined"></v-select>
        <v-btn type="buttom" variant="tonal" @click="processMidia">Ok</v-btn>
      </v-card>
    </v-main>
  </v-app>
</template>

控制台错误：

未捕获（承诺中）类型错误：globalStack.at 不是函数
在评估（stack.ts？654e：55）
在 callWithErrorHandling (runtime-core.esm-bundler.js?d2dd:173)
在 callWithAsyncErrorHandling (runtime-core.esm-bundler.js?d2dd:182)
在 ReactiveEffect.getter [as fn] (runtime-core.esm-bundler.js?d2dd:1750)
在 ReactiveEffect.run (reactivity.esm-bundler.js?89dc:190)
在 doWatch (runtime-core.esm-bundler.js?d2dd:1865)
在 watchEffect (runtime-core.esm-bundler.js?d2dd:1671)
在 useStack (stack.ts?654e:54)
在 Object.setup [as _setup] (VOverlay.tsx?8bdc:149)
设置时 (defineComponent.tsx?1991:58)

Answer 1

我能够解决这个问题。

---

我所要做的就是将我的 Node.js 版本更改为高于 16.10.0 并使用以下命令将 Electron 更新为最新版本：

npm i electron@latest