Adding bulma-carousel has resulted in the following error on yarn build:
ERROR Failed to compile with 1 errors 19:52:51 error in ./node_modules/bulma-carousel/dist/bulma-carousel.sass Module parse failed: Unexpected token (1:24) You may need an appropriate loader to handle this file type. | $carousel-nav-background: rgba($white, 0.7) !default | $carousel-nav-color: $text !default | $carousel-title-background: rgba($white, 0.6) !default @ ./resources/assets/scripts/routes/home.js 1:0-43 @ ./resources/assets/scripts/main.js @ multi ./scripts/main.js ./styles/main.scss
I’ve imported the .js without issue into main.js.
// import external dependencies import 'jquery'; import 'bulma-carousel/dist/bulma-carousel.min.js';
and in main.scss
/** * Import npm dependencies * * Prefix your imports with `~` to grab from node_modules/ * @see https://github.com/webpack-contrib/sass-loader#imports */ // @import "~some-node-module"; @import "~bulma-carousel/dist/bulma-carousel.sass";
Has anyone encountered a similar issue with webpack having issues with .sass files? Sage installation is 9.0.1 - installed less than a week ago.
I’ve also tried importing the minified css from the bulma-carousel node_modules file but the same error occurs.