电子Vue应用程序(桌面UI)中看不到Bootstrap vue效果

Question

我正在使用Electron-vue创建桌面应用程序。我试着在我的应用中使用boostrap-vue。当我打开应用程序时，我可以看到boostrap的所有功能(按钮表)，但没有与其关联的样式(颜色、字体等)。

是我做错了什么，还是bootstrap vue与电子风格的应用程序不兼容？

Answer 1

我读了一些博客，很明显，boostrap-vue不适用于桌面应用程序。我更幸运地使用了element UI

Answer 2

文档中描述了正确的安装过程：https://bootstrap-vue.js.org/docs

在您的项目根文件夹中，安装必备组件：

# With npm
npm install vue bootstrap-vue bootstrap

# With yarn
yarn add vue bootstrap-vue bootstrap

在此之后，您必须打开main.js文件，该文件在"new Vue(...)“之前有这部分代码。呼叫：

// Activate bootstrap vue
import BootstrapVue from 'bootstrap-vue'

import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap-vue/dist/bootstrap-vue.css'

Vue.use(BootstrapVue)

一篇博客文章完美地描述了这一点：https://alligator.io/vuejs/using-bootstrap4/

Answer 3

BootstrapVue确实支持beig在电子系统下运行。

请参阅https://github.com/loopmode/electron-webpack-quick-start/tree/bootstrap-vue-ts和https://github.com/electron-userland/electron-webpack/issues/302#issuecomment-508911966