I am writing a grunt job file for my project. I defined the sass task in it and installed all the necessary dependencies. I can run the same grunt file on my friends computer, but on my computer the sass problem causes this error.
Running "sass:dist" (sass) task Syntax error: Invalid CSS after " webkit-image": expected ")", was ": -webkit- + $p..." on line 21 of /home/chitrank/Documents/shaastr/frontend/frontend/frontend/app/minovate/bower_components/bourbon/dist/helpers/_linear-angle-parser.scss from line 10 of /home/chitrank/Documents/shaastr/frontend/frontend/frontend/app/minovate/bower_components/bourbon/dist/_bourbon.scss from line 6 of app/sass/main.scss Use --trace for backtrace. Warning: Exited with error code 1 Use --force to continue. Aborted due to warnings.
Due to this error, I cannot complete the sass task and it needs to be done on my other computer. I also add my Gruntfile.js for a better overview of what I have and how it works, please take a look.
'use strict'; module.exports = function (grunt) { // Load grunt tasks automatically require('load-grunt-tasks')(grunt); // Time how long tasks take. Can help when optimizing build times require('time-grunt')(grunt); // Configurable paths for the application var appConfig = { app: require('./bower.json').appPath || 'app', dist: 'dist' }; // Define the configuration for all the tasks grunt.initConfig({ // Project settings yeoman: appConfig, // Watches files for changes and runs tasks based on the changed files watch: { bower: { files: ['bower.json'], tasks: ['wiredep'] }, js: { files: ['<%= yeoman.app %>/scripts/{,*/}*.js'], tasks: ['newer:jshint:all'], options: { livereload: '<%= connect.options.livereload %>' } }, jsTest: { files: ['test/spec/{,*/}*.js'], tasks: ['newer:jshint:test', 'karma'] }, styles: { files: ['<%= yeoman.app %>/sass/{,*/}*.scss'], tasks: ['sass', 'newer:copy:styles', 'autoprefixer'] }, gruntfile: { files: ['Gruntfile.js'] }, livereload: { options: { livereload: '<%= connect.options.livereload %>' }, files: [ '<%= yeoman.app %>/{,*/}*.html', '<%= yeoman.app %>/views/tmpl/{,*/}*.html', '.tmp/styles/{,*/}*.css', '<%= yeoman.app %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}' ] } }, // The actual grunt server settings connect: { options: { port: 9000, // Change this to '0.0.0.0' to access the server from outside. hostname: '0.0.0.0', livereload: 35729 }, livereload: { options: { open: true, middleware: function (connect) { return [ connect.static('.tmp'), connect().use( '/bower_components', connect.static('./bower_components') ), connect.static(appConfig.app) ]; } } }, test: { options: { port: 9001, middleware: function (connect) { return [ connect.static('.tmp'), connect.static('test'), connect().use( '/bower_components', connect.static('./bower_components') ), connect.static(appConfig.app) ]; } } }, dist: { options: { open: true, base: '<%= yeoman.dist %>' } } }, // Make sure code styles are up to par and there are no obvious mistakes jshint: { options: { jshintrc: '.jshintrc', reporter: require('jshint-stylish') }, all: { src: [ 'Gruntfile.js', '<%= yeoman.app %>/scripts/{,*/}*.js' ] }, test: { options: { jshintrc: 'test/.jshintrc' }, src: ['test/spec/{,*/}*.js'] } }, // compile sass files sass: { dist: { files: [{ expand: true, cwd: '<%= yeoman.app %>/sass', src: ['*.scss'], dest: '<%= yeoman.app %>/styles', ext: '.css' }], options: { loadPath: [ './bower_components/bourbon/dist' ] } } }, // Empties folders to start fresh clean: { dist: { files: [{ dot: true, src: [ '.tmp', '<%= yeoman.dist %>}*.css', dest: '.tmp/styles/' }] } }, // Automatically inject Bower components into the app wiredep: { app: { src: ['<%= yeoman.app %>/index.html'], ignorePath: /\.\.\// } }, // Renames files for browser caching purposes filerev: { dist: { src: [ '<%= yeoman.dist %>/scripts/{,*/}*.js', '<%= yeoman.dist %>/styles/{,*/}*.css', '<%= yeoman.dist %>/images/{,*/}*.{png,jpg,jpeg,gif,webp,svg}', '<%= yeoman.dist %>/styles/fonts}*.html'], css: ['<%= yeoman.dist %>/styles/{,*/}*.css'], json: ['<%= yeoman.dist %>/scripts/jsons}*.css' // ] // } // } // }, // uglify: { // options: { // mangle: { except: ["$super"] } // } // dist: { // files: { // '<%= yeoman.dist %>/scripts/scripts.js': [ // '<%= yeoman.dist %>/scripts/scripts.js' // ] // } // }, // }, // concat: { // dist: {} // }, uglify: { options: { mangle: { except: ['$super'] } } }, imagemin: { dist: { files: [{ expand: true, cwd: '<%= yeoman.app %>/images', src: '{,*/}*.{png,jpg,jpeg,gif}', dest: '<%= yeoman.dist %>/images' }] } }, svgmin: { dist: { files: [{ expand: true, cwd: '<%= yeoman.app %>/images', src: '{,*/}*.svg', dest: '<%= yeoman.dist %>/images' }] } }, htmlmin: { dist: { options: { collapseWhitespace: true, conservativeCollapse: true, collapseBooleanAttributes: false, removeCommentsFromCDATA: true, removeOptionalTags: true }, files: [{ expand: true, cwd: '<%= yeoman.dist %>', src: ['*.html', 'views/{,*/}*.html', 'views/tmpl/{,*/}*.html'], dest: '<%= yeoman.dist %>' }] } }, // ngmin tries to make the code safe for minification automatically by // using the Angular long form for dependency injection. It doesn't work on // things like resolve or inject so those have to be done manually. ngmin: { dist: { files: [{ expand: true, cwd: '.tmp/concat/scripts', src: '*.js', dest: '.tmp/concat/scripts' }] } }, // Replace Google CDN references cdnify: { dist: { html: ['<%= yeoman.dist %>/*.html'] } }, // Copies remaining files to places other tasks can use copy: { dist: { files: [{ expand: true, dot: true, cwd: '<%= yeoman.app %>', dest: '<%= yeoman.dist %>', src: [ '*.{ico,png,txt}', '.htaccess', '*.html', 'views/**/*', 'images/{,*/}*.{webp}', 'fonts/*' ] }, { expand: true, cwd: '.tmp/images', dest: '<%= yeoman.dist %>/images', src: ['generated/*'] }, { expand: true, cwd: 'bower_components/bootstrap/dist', src: 'fonts/*', dest: '<%= yeoman.dist %>' }, { expand: true, cwd: 'bower_components/simple-line-icons', src: 'fonts/*', dest: '<%= yeoman.dist %>' }, { expand: true, cwd: 'bower_components/font-awesome', src: 'fonts/*', dest: '<%= yeoman.dist %>' }, { expand: true, cwd: 'bower_components/weather-icons', src: 'font/*', dest: '<%= yeoman.dist %>' }, { expand: true, cwd: '<%= yeoman.app %>/scripts', src: ['jsons/**','modules/**','vendor/**'], dest: '<%= yeoman.dist %>/scripts' }] }, styles: { expand: true, cwd: '<%= yeoman.app %>/styles', dest: '.tmp/styles/', src: '{,*/}*.css' } }, // Run some tasks in parallel to speed up the build process concurrent: { server: [ 'copy:styles' ], test: [ 'copy:styles' ], dist: [ 'copy:styles', 'imagemin', 'svgmin' ] }, // Test settings karma: { unit: { configFile: 'test/karma.conf.js', singleRun: true } }, // grunt-text-replace replace: { html_js_css_images_rep: { src: ['dist/scripts/*.js', 'dist/styles/*.css', 'dist/*.html', 'dist/views/*.html' , 'dist/views/tmpl/*.html' , 'dist/views/tmpl/forms/*.html', 'dist/views/tmpl/layouts/*.html', 'dist/views/tmpl/mail/*.html', 'dist/views/tmpl/maps/*.html', 'dist/views/tmpl/pages/*.html', 'dist/views/tmpl/shop/*.html', 'dist/views/tmpl/tables/*.html', 'dist/views/tmpl/ui/*.html' ], //dest: ['dist/scripts/'], overwrite: true, replacements: [{ from: 'http://127.0.0.1:8000', to: '' }, { from: 'http://localhost:8000', to: '' }, { from: 'views/', to: 'static/views/' }, { from: 'scripts/', to: 'static/scripts/' }, { from: 'styles/', to: 'static/styles/' }, { from: 'images/', to: 'static/images/' }] } } }); // adding the text replace grunt plugin grunt.loadNpmTasks('grunt-text-replace'); grunt.registerTask('serve', 'Compile then start a connect web server', function (target) { if (target === 'dist') { return grunt.task.run(['build', 'connect:dist:keepalive']); } grunt.task.run([ 'clean:server', 'wiredep', 'concurrent:server', 'sass', 'autoprefixer', 'connect:livereload', 'watch' ]); }); grunt.registerTask('server', 'DEPRECATED TASK. Use the "serve" task instead', function (target) { grunt.log.warn('The `server` task has been deprecated. Use `grunt serve` to start a server.'); grunt.task.run(['serve:' + target]); }); grunt.registerTask('test', [ 'clean:server', 'concurrent:test', 'autoprefixer', 'connect:test', 'karma' ]); grunt.registerTask('build', [ 'clean:dist', 'wiredep', 'useminPrepare', 'sass', 'concurrent:dist', 'autoprefixer', 'concat', 'ngmin', 'copy:dist', 'cdnify', 'cssmin', 'uglify', 'filerev', 'usemin', 'htmlmin', 'replace' ]); grunt.registerTask('default', [ 'newer:jshint', 'test', 'build' ]); };
If anyone has resolved this issue before, please let me know.