Gulp sass任务无法正常构建

时间:2016-01-05 19:31:56

标签: compilation gulp frontend assets gulp-sass

在我的本地机器上克隆团队的回购后,我无法正常工作。虽然gulp本身按预期执行所有任务,但我在浏览器中收到以下rails错误:

Invalid CSS after "": expected selector, was ""[data-magellan..."
(in  /Users/my-user-name/workspace/name-of-my-app/app/assets/stylesheets/application.css.scss:1)

我知道回购中没有错误,因为其他开发人员在他们的机器上运行它并且工作正常。我发现错误发生在运行gulp sass任务之后,这会修改供应商/资产/样式表中的文件。

多次尝试运行gulp,清除缓存并重新克隆整个项目。在进行任何更改之前在master上运行。还是同样的问题。可以是其他一些我没有想到的依赖吗?任何帮助/方向将非常感谢! : - )

这是Sass的任务:

var gulp         = require('gulp');
var ext          = require('gulp-ext');
var plumber      = require('gulp-plumber');
var sass         = require('gulp-sass');
var sourcemaps   = require('gulp-sourcemaps');
var autoprefixer = require('gulp-autoprefixer');
var fingerprint  = require('gulp-fingerprint');
var handleErrors = require('../util/handleErrors');
var config       = require('../config');

gulp.task('sass', function () {
  return gulp.src(['./gulp/assets/stylesheets/application.scss', './gulp/assets/stylesheets/life_widget.scss'])
    .pipe(plumber())
    .pipe(sass({outputStyle: 'compressed'}))
    .on('error', handleErrors)
    .pipe(autoprefixer({ browsers: ['last 2 version', 'ie 9'] }))
    .pipe(gulp.dest(config.sass.dest))
    .pipe(fingerprint('rev-manifest.json', {
      mode: 'replace',
      prefix: '/'
    }))
    .pipe(gulp.dest(config.sass.dest));
});

1 个答案:

答案 0 :(得分:0)

问题是节点版本。我们的仓库需要v0.12.7,而我使用的是较新的5.5.5