小编fri*_*ama的帖子

我一直在愉快地使用gulp.js编译,但今天下午我开始收到此错误:

events.js:72
        throw er; // Unhandled 'error' event
              ^
Error: Broken @import declaration of "A"

我的gulpfile.js看起来像这样:

var gulp = require('gulp'),
    minifyCSS = require('gulp-minify-css'),
    sass = require('gulp-ruby-sass'),
    imagemin = require('gulp-imagemin')
    minifyHTML = require('gulp-minify-html'),
    uglify = require('gulp-uglify'),
    fileinclude = require('gulp-file-include');

gulp.task('sass', function() {
    return sass('node_modules/foundation/scss/') 
    .on('error', function (err) {
      console.error('Error!', err.message);
   })
    .pipe(gulp.dest('publish/css'));
});

gulp.task('image', function(){
    gulp.src('images/*')
    .pipe(imagemin())
    .pipe(gulp.dest('publish/images'));
});

gulp.task('fileinclude', function() {
  gulp.src(['index.html'])
    .pipe(fileinclude({
      prefix: '@@',
      basepath: '@file'
    }))
    .pipe(gulp.dest('./html/'));
});

gulp.task('minify-css', function() {
  gulp.src('publish/css/*.css')
    .pipe(minifyCSS({keepBreaks:false}))
    .pipe(gulp.dest('publish/css'));
});

gulp.task('compress', function() { …

我正在使用slick.js http://kenwheeler.github.io/slick/来浏览一些幻灯片,其中最后一个应切换警报.

经过一些在线浏览,并意识到这应该工作,而不必硬编码幻灯片的数量(并看到这个解决方案: 光滑的旋转木马.想要自动播放幻灯片播放一次并停止),我有以下代码:

$(document).ready(function(){
          var item_length = $('.slider > div').length - 1;
          $('.slider').slick({
            appendArrows : '.arrow-holder',
            adaptiveHeight : true,
            infinite : false,
            onAfterChange: function(){
                if( item_length == slider.slickCurrentSlide() ){
                    alert("Slide 2");
                };
            }
          }); 
        });

不幸的是,当我到达最后一张幻灯片时没有任何事 即使考虑到零索引,如果我在最后一个数字中执行硬编码也似乎也没有.

我在控制台中没有错误或警告,所以我正在努力找出如何找出问题.