Importing bootstrap to Vue isn't working

Question

I'm using this guide : http://vuetips.com/bootstrap

on top of the vue-cli scaffolding

and I'm going the sass route.

but beyond the npm install I'm having no luck :

import Vue from 'vue' import App from './App' import router from './router' import NavBar from './components/navbar/NavBar.vue' require('../node_modules/bootstrap-sass/assets/stylesheets/_bootstrap.scss') Vue.component('NavBar', NavBar) Vue.config.productionTip = false /* eslint-disable no-new */ new Vue({ el: '#app', router, template: '<App/>', components: { App } }) new Vue({ el: '#NavBar', template: '<NavBar/>' })

i tried editing the path with an extra ../ in case it was one folder higher but no cigar. I've checked in the pointed folder and the file is indeed there.

Stephan-v · Accepted Answer · 2017-10-25 11:28:02Z

1

Try using:

require('bootstrap-sass/assets/stylesheets/_bootstrap.scss')

Webpack already resolves to the node_modules directory.

answered Oct 25, 2017 at 11:28

Stephan-v

20.5k32 gold badges125 silver badges213 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Importing bootstrap to Vue isn't working

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related