The cause is that IE11 is throwing a script1014 invalid character error referencing tickets-registration-page.min.js.

This is because there are template literals and ‘let’ identifiers in for loops in tickets-registration-page.js which are not being compiled in as ES5 compatible way.

I was hoping to compile this to ES5 compliance using babel however running ‘npm install’ on your repo was throwing errors.

It would be great if this could be resolved in the next update as I’ve had to update your plugin files manually and so don’t want them to be overwritten and reverted to broken on next update.

Thank you

I really like this theme, nice work. Are there any plans on integrating Gulp, SASS, etc. into this theme? I think it would be a nice benefit. Or is anybody here who already did this?

Thanks in advance!

I am using Gulp to compile sass and trying to incorporate gulp-compass plugin.
When I start the task by writing ‘gulp’ on the command line, the webpage loads. But when I make changes to .scss files and the gulp-compass watch task runs, it throws an error.

Individual stylesheets must be in the sass directory.

[12:51:41] { [Error: Compass failed]
  message: 'Compass failed',
  showStack: false,
  showProperties: true,
  plugin: 'gulp-compass',
  __safety: { toString: [Function: bound ] } }

This is my gulpfile.js
Gulpfile.js
var themename = ‘starter-theme’;

var gulp = require(‘gulp’),
// Prepare and optimize code etc
//autoprefixer = require(‘autoprefixer’),
browserSync = require(‘browser-sync’).create(),
compass = require(‘gulp-compass’),
image = require(‘gulp-image’),
jshint = require(‘gulp-jshint’),
gutil = require(‘gulp-util’),
//postcss = require(‘gulp-postcss’),
sass = require(‘gulp-sass’),
sourcemaps = require(‘gulp-sourcemaps’),

// Only work with new or updated files
newer = require(‘gulp-newer’),

// Name of working theme folder
root = ‘../’ + themename + ‘/’,
scss = root + ‘sass/’,
sassSources = scss + ‘style.scss’,
js = root + ‘js/’,
img = root + ‘images/’,
languages = root + ‘languages/’;
sassStyle = ‘expanded’;

// Start the gulp-compass task
gulp.task(‘compass’, function() {
gulp.src(sassSources)
.pipe(compass({
sass: scss,
css: root,
style: sassStyle,
require: [‘susy’, ‘breakpoint’]
})
.on(‘error’, gutil.log))
.pipe(gulp.dest(root));
});

// Optimize images through gulp-image
gulp.task(‘images’, function() {
return gulp.src(img + ‘RAW/**/*.{jpg,JPG,png}’)
.pipe(newer(img))
.pipe(image())
.pipe(gulp.dest(img));
});

// JavaScript
gulp.task(‘javascript’, function() {
return gulp.src()
.pipe(jshint())
.pipe(jshint.reporter(‘default’))
.pipe(gulp.dest(js));
});

// Watch everything
gulp.task(‘watch’, function() {
browserSync.init({
open: ‘external’,
proxy: ‘localhost’,
port: 8080
});
gulp.watch([root + ‘**/*.css’, root + ‘**/*.scss’ ], [‘compass’]);
gulp.watch(js + ‘**/*.js’, [‘javascript’]);
gulp.watch(img + ‘RAW/**/*.{jpg,JPG,png}’, [‘images’]);
gulp.watch(root + ‘**/*’).on(‘change’, browserSync.reload);
});

// Default task (runs at initiation: gulp –verbose)
gulp.task(‘default’, [‘watch’]);

I am using these versions
Gulp: CLI version 3.9.1
Local version 3.9.1
gulp-compass: ^2.1.0

I have read many articles online to resolve this issue, but they don’t seem to work.
This is the screenshot of my folder structure:
WordPress theme dtructure

Anyone having any luck developing a workflow utilizing gulp and some type of repo based system?

Working with WPEngine, and they’ve out lined a process where we upload to a standard github repo, then use a utility called deploybot to push to WPEngine servers. Anyone had any luck with something like that?

Thanks!

brad

Have you run into any problems trying to migrate installs that have themes and/or plugins integrated with gulp? I’ve just started using it, and when trying to migrate my local install the system scan kept freezing. When troubleshooting I removed my plugin and theme with the node modules and everything went smoothly.

Any idea?

https://www.ads-software.com/plugins/duplicator/