如何将 vuetify 与 vue-electron 一起使用？答案

【问题标题】：how to use vuetify with vue-electron?如何将 vuetify 与 vue-electron 一起使用？
【发布时间】：2019-09-20 19:33:56
【问题描述】：

我正在使用electron-vue 构建一个 vue 电子应用程序。

我也在使用Vuetify，我遵循手动安装过程，

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

然后我运行构建，当我打开应用程序的构建版本时，我收到来自 vuetify [vuetify] Multiple instances of Vue detected 的控制台警告，然后我假设结果是一大堆后续错误，并且我的应用程序没有加载coorectly，我看到了内容，但没有看到组件和 css 等。

以前有没有人一起使用过这些工具并且知道如何解决这个问题？

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

【问题讨论】：

标签： vue.js electron vuetify.js electron-vue

【解决方案1】：

在 webpack.renderer.config.js 你需要有这样的东西：

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

PS：我通过 webpack install 使用 Vuetify 和 Electron，它工作正常。 https://vuetifyjs.com/en/getting-started/quick-start#webpack-install 只需按照安装步骤操作即可？

【讨论】：

【解决方案2】：

即使应用了上述更改，我也无法进行 vuetify 工作。我在控制台中没有任何错误，但没有应用 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>

添加这些更改后，我的应用开始接受更改。

【讨论】：