Style doesnt seem to be loading??

[bitnosis]

Im running the Vue Starter Project and its loading like this.
As you can see the styles are all screwed.
And the collapsible mennu isnt collapsable but is instead spread out along the header.

Which looks like something is not executing somewhere properly, or styles are loading somehow?. But what and where???

https://imgur.com/a/vJlhb

[xidedix]

Looks weird. Any steps to repro?

[bitnosis]

Yeah. I started with the Vue_Starter Project. Then I basically copied all the views and settings from the Vue_full project into it. The packag.json files match perfectly. Did npm install again to make sure. I copied the whole scss folder replacing the Vue_starter project one, just incase. Still didnt work.

So if you follow those steps, Im sture it will reproduce. The reason I did this. Was because I was merging two projects into one. So I started with the Vue_starter to keep it simple. I just needed the dashboard behind JWT auth, and so I did that. Then I decided I wanted some elements from the Full Project, so figured it would be as simple as just bringing them ain as needed. But it doesnt look like thats the case.

[bitnosis]

Looks like I narrowed it down to Bootstrap components.
Cuz if I just start a simple empty template. And import just a b-alert or a b-table. Its all fucked, and doesnt render properly.

b-alert just renders the text. b-table doesnt even show

In my main.js file I have it setup properly.

import Vue from 'vue'
import App from './App'

import router from './router'
import BootstrapVue from 'bootstrap-vue'

Vue.use(BootstrapVue)

/* eslint-disable no-new */
new Vue({
el: '#app',
router,
template: '',
components: {
App
}
})

[woothu]

Did you import bootstrap css?

[woothu]

Closing due to inactivity.