如何在vue-electron中使用vuetify？

Question

我正在使用electron-vue来构建Vue电子应用。

我也正在使用Vuetify，我正在按照手动安装过程进行操作，

在开发人员中，起初一切正常，我可以运行我的应用并添加vuetify组件，没问题。

然后我运行一个构建，当我打开该应用的构建版本时，我收到来自vuetify [vuetify] Multiple instances of Vue detected的控制台警告，然后我认为是随后出现的大量错误，而我的应用却没有。 t加载正确，我看到了内容，但是没有任何组件和css等。

以前有人使用过这些工具，并且知道如何解决吗？

我到处都在寻找[vuetify] Multiple instances of Vue detected，但所有评论都与运行测试有关，而不是与构建电子有关。请需要帮助。

Answer 1

在webpack.renderer.config.js中，您需要像这样的东西：

let whiteListedModules = ['vue','vuetify']

PS：我正在通过Webpack安装将Vuetify与Electron一起使用，并且工作正常。 https://vuetifyjs.com/en/getting-started/quick-start#webpack-install 只需按照安装步骤操作？

Answer 2

即使应用了上述更改，我也无法进行我的查证工作。我在控制台中没有任何错误，但未应用vue样式 这是我所缺少的关键内容：

在App.vue中，我没有添加v-app和v-content。这是一个示例：

<template>
 <v-app>
  <v-content>
   <div id="app">
    <router-view></router-view>
   </div>
  </v-content>
 </v-app>
</template>

添加了这些更改后，我的应用开始进行更改。