Bootstrap-Vue стиль не применяется правильно - PullRequest
Новая
       8

Bootstrap-Vue стиль не применяется правильно

0 голосов
/ 23 сентября 2018

У меня много проблем с запуском начальной загрузки.Посмотрите изображение того, что происходит, когда я копирую и вставляю компонент navbar из boostrap-vue.js.org.Биты и кусочки отсутствуют, и я не понимаю, почему.Когда я создаю b-линки, я могу создавать роутер-линки, которые работают, но у них нулевая стилизация.Основная кнопка, кажется, в порядке, но часто кнопки выглядят неправильно, а радио невидимы.В принципе, что-то не так.

пример boostrap vue navbar

снимок экрана vue navbar

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')

1 Ответ

0 голосов
/ 23 сентября 2018

Убедитесь, что у вас есть как vue-style-loader, так и css-loader в package.json

Проверьте это сообщение

...