Estoy tratando de construir mi proyecto con gulp, y el archivo app.scss está compilado con ruby sass. El problema es que app.css recibe un error y no se puede aplicar al navegador.

Error: CSS no válido después de "... floor(math": esperado ")", era ".div($grid-gutt..." en la línea 369 de node_modules/bootstrap-sass/assets/stylesheets/bootstrap/_variables. scss de la línea 8 de node_modules/bootstrap-sass/assets/stylesheets/_bootstrap.scss de la línea 2 de src/styles/global/libraries.scss de la línea 4 de ./src/styles/app.scss

El archivo app.css después de ser compilado tendrá líneas de comentarios como esta

/* Error: CSS no válido después de "... floor(math": esperado ")", era ".div($grid-gutt..." en la línea 369 de node_modules/bootstrap-sass/assets/stylesheets/bootstrap/ _variables.scss de la línea 8 de node_modules/bootstrap-sass/assets/stylesheets/_bootstrap.scss de la línea 2 de src/styles/global/libraries.scss de la línea 4 de ./src/styles/app.scss ...( hay mas)

y la última línea de app.css también se comenta, se ve así

/*# sourceMappingURL=datos:aplicación/json;...

aquí está el gulpfile.js

 var browserSync = require('browser-sync'); var sass = require('gulp-ruby-sass'); var sourcemaps = require('gulp-sourcemaps'); var handleErrors = require('../util/handleErrors'); var config = require('../config').sass; var autoprefixer = require('gulp-autoprefixer'); gulp.task('sass', function () { return sass(config.entry, config.settings) .on('error', handleErrors) .pipe(sourcemaps.init()) .pipe(sourcemaps.write()) .pipe(autoprefixer({ browsers: ['last 2 version'] })) .pipe(gulp.dest(config.dest)) .pipe(browserSync.reload({stream:true})); });