Gulp sass 任务构建不正确

Question

在我的本地机器上克隆我团队的存储库后，我无法 gulp 正常工作。虽然 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)

我知道 repo 中没有错误，因为其他开发人员运行它在他们的机器上运行良好。我观察到错误发生在 gulp sass 任务是运行之后，它修改了 vendor/assets/stylesheets.

中的文件

尝试了运行ning gulp 几次，清除缓存并重新克隆整个项目。运行在进行任何更改之前在 master 上。还是一样的问题。会不会是其他一些我没有想到的依赖？任何 help/direction 将不胜感激！ :-)

这是 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));
});

Answer 1

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

Gulp sass 任务构建不正确

Gulp sass task not building properly

frontend

assets

compilation

gulp

gulp-sass