Bootstrap Vue 效果在 electron vue 应用程序中不可见（桌面 UI）

Question

我正在我的应用程序中使用 Electron-vue to create desktop application. I was trying to use boostrap-vue。当我打开应用程序时，我可以看到 boostrap（按钮表）的所有功能，但 none 与之关联的样式（颜色、字体等）

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

Answer 1

我正在阅读一些博客，显然 bootstrap-vue 不适用于桌面应用程序。使用 element UI

我运气更好

Answer 2

BootstrapVue 在 Electron 下支持米色运行。

见https://github.com/loopmode/electron-webpack-quick-start/tree/bootstrap-vue-ts and https://github.com/electron-userland/electron-webpack/issues/302#issuecomment-508911966

Answer 3

文档中描述了正确的安装过程：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)

一个博客post描述的很完美：https://alligator.io/vuejs/using-bootstrap4/

Bootstrap Vue 效果在 electron vue 应用程序中不可见（桌面 UI）

Bootstrap Vue effects not visible in electron vue app (Desktop UI)

vue.js

bootstrap-vue

electron-vue