vue.js - 如何将 vuetify 与 vue-electron 一起使用？

Question

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

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

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

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

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

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

score 0 · Accepted Answer

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

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

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

score 0 · Accepted Answer

即使应用了上述更改，我也无法完成我的 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>

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

2 回答 2