I wonder how I get memory allocation errors using gulp, regardless of whether it outputs an error:
gulp compile:development [15:33:51] Warning: gulp version mismatch: [15:33:51] Global gulp is 3.8.7 [15:33:51] Local gulp is 3.8.6 [15:33:52] Using gulpfile ~/Dropbox/AisisGit/Zen/gulpfile.js [15:33:52] Starting 'bower'... [15:33:52] Using cwd: ./ [15:33:52] Using bower dir: ./bower_components [15:33:52] Starting 'compile:jsx'... [15:33:52] Starting 'compile:js:development'... [15:33:52] Starting 'compile:sass:development'... [15:33:52] Starting 'serve'... [15:33:52] Finished 'serve' after 1.88 ms [15:33:52] Server started on 9010 port [15:33:52] Finished 'compile:jsx' after 376 ms [15:33:52] Finished 'compile:js:development' after 371 ms [15:33:52] Starting 'watch:compilejs'... [15:33:52] Finished 'watch:compilejs' after 6.4 ฮผs gulp(97412,0x7fff7ba57300) malloc: *** error for object 0x10598e5a9: pointer being freed was not allocated *** set a breakpoint in malloc_error_break to debug Abort trap: 6
Now let's look at the gulp file.
var gulp = require('gulp'); var bower = require('gulp-bower'); var serve = require('gulp-serve'); var concat = require('gulp-concat'); var sass = require('gulp-sass'); var ugly = require('gulp-uglify'); var minifyCss = require('gulp-minify-css'); var livereload = require('gulp-livereload'); var watch = require('gulp-watch'); var react = require('gulp-react'); gulp.task('default', function() {} ); gulp.task('compile:production', [ 'bower', 'compile:jsx', 'compile:js', 'compile:sass', ] ); gulp.task('compile:development', [ 'bower', 'compile:jsx', 'compile:js:development', 'compile:sass:development', 'serve', 'watch' ] ); gulp.task('watch:compilejs', [ 'compile:jsx', 'compile:js:development', ] ); gulp.task('watch:compilecss', [ 'compile:sass:development' ] ); gulp.task('compile:sass', function() { return gulp.src([ 'src/css/*.scss' ]).pipe(concat('style.scss')) .pipe(sass()) .pipe(minifyCss()) .pipe(gulp.dest('dist/css/')) }); gulp.task('compile:sass:development', function() { return gulp.src([ 'src/css/*.scss' ]).pipe(concat('style.css')) .pipe(sass()) .pipe(gulp.dest('compiled/css/')) }); gulp.task('compile:jsx', function() { return gulp.src([ 'src/js/**/*.jsx', ]).pipe(react()) .pipe(gulp.dest('src/react-compiled/')) }); gulp.task('compile:js', function() { return gulp.src([ 'src/js/**/*.js', 'src/react-compiled/**/*.js' ]).pipe(concat('dist.js')) .pipe(ugly()) .pipe(gulp.dest('dist/js/')); }); gulp.task('compile:js:development', function() { return gulp.src([ 'src/js/**/*.js', 'src/react-compiled/**/*.js' ]).pipe(concat('dist.js')) .pipe(gulp.dest('dist/js/')); }); gulp.task('watch', ['watch:compilejs', 'watch:compilecss'], function() { var server = livereload(); gulp.watch('src/js/**/*.js', ['watch:compilejs']); gulp.watch('src/js/**/*.js.jsx', ['watch:compilejs']); gulp.watch('src/css/**/*.scss', ['watch:compilecss']); gulp.watch('compiled/**').on('change', function(file) { server.changed(file.path); }); }); gulp.task('bower', function() { return bower({dir: './bower-components', cwd: './'}); }); gulp.task('serve', serve({ root: 'compiled/', port: 9010, }));
It's so clear that I'm either making some epic mistakes to get Mem Allocation errors, or something is wrong at a much higher level. I am using a similar gulp file for another project - the only difference is that the other has moving images and font files.
Any ways, is there something wrong with my gulp file or is there something much more here?