Bootstrap-vue样式应用不正确

Question

我在使用bootstrap-vue时遇到了很多麻烦。请看当我从boostrap-vue.js.org复制并粘贴导航条组件时发生的事情的图像。零星的东西不见了，我不明白为什么。当我创建b-link时，我可以创建工作的路由器链路，但它们的样式为零。主按钮看起来没问题，但通常按钮看起来不正确，无线电是看不见的。基本上，有些东西是不正确的。

boostrap vue navbar example

vue navbar screenshot

Package.json

  "dependencies": {
      "bootstrap": "^4.0.0-alpha.6",
      "bootstrap-vue": "^2.0.0-rc.11",
      "vue": "^2.5.17",
      "vue-router": "^3.0.1",
      "vuex": "^3.0.1"
   },
    "devDependencies": {
      "@babel/core": "^7.1.0",
      "@fortawesome/fontawesome-free": "^5.3.1",
      "@vue/cli-plugin-babel": "^3.0.3",
      "@vue/cli-plugin-eslint": "^3.0.3",
      "@vue/cli-service": "^3.0.3",
      "node-sass": "^4.9.3",
      "sass-loader": "^7.1.0",
      "vue-template-compiler": "^2.5.17"

main.js

 import Vue from 'vue';
 import BootstrapVue from 'bootstrap-vue';
 import App from './App.vue';
 import router from './router';
 import store from './store';
 import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap-vue/dist/bootstrap-vue.css';

 Vue.use(BootstrapVue);

 Vue.config.productionTip = false

 new Vue({
    router,
   store,
   render: h => h(App)
  }).$mount('#app')

Answer 1

确保在package.json中同时拥有vue-style-loader和css-loader

Check this post