无法在Laravel中的app.scss中导入“bootstrap-select”

Question

I'm doing following:

npm install bootstrap-select

npm run dev

in app.scss

// Bootstrap Select

@import "node_modules/bootstrap-select/sass/bootstrap-select.scss";

In console it says:

jQuery.Deferred exception: $(...).selectpicker is not a function
TypeError: $(...).selectpicker is not a function

I can see it installed bootstrap-select, how do I import it correctly?

Answer 1

In your /resources/assets/sass/app.scss import bootstrap-select:

@import "../../../node_modules/bootstrap-select/sass/bootstrap-select.scss";

You also need to import bootstrap-select.js to resources/assets/js/app.js make it work:

require('../../../node_modules/bootstrap-select/dist/js/bootstrap-select');