Bootstrap-vue doesn't load CSS

Question

I am writing a Vue.js app with Bootstrap 4 and I can\'t loaded though I followed the documentation.

Added to main.js

Vue.use(BootstrapVue);

Answer 1

I came across this same issue, but luckily I found the cause: The loader is not loaded :)

1. Make sure you have both vue-style-loader and css-loader in package.json
2. Then in your webpack config, your module.rules should have this object:

   {
     test: /\.css/,
     use: ['vue-style-loader', 'css-loader'] // BOTH are needed!
   }

3. And in your App.vue, under the