Material-ui仅在Safari中使用Gulp-compass时不可用

Question

我使用的是react组件的material-ui库，即scss端口material-ui-sass。

请看下面Safari上的屏幕截图(移动和桌面)。他们可以在Chrome，Firefox，甚至Opera中工作，但不能在Safari中工作。

​

​

gulp.task('compass', function() {
  return gulp.src('app/styles/**/*.scss')
    .pipe($.plumber())
    .pipe($.compass({
      css: '.tmp/styles',
      sass: 'app/styles'
    }));
});

有没有人能提示一下错误可能在哪里？我以为是自动修复不起作用了，但是webkit的前缀被添加了。目前非常困惑。任何帮助都将不胜感激。核心问题似乎不是在.pipe($.compass({ css：‘.tmp/.pipe’，sass：‘app/style’}))之后运行自动修复；

我尝试了以下代码，但没有成功：

gulp.task('compass', function() {
  return gulp.src('app/styles/**/*.scss')
    .pipe($.plumber())
    .pipe($.compass({
      css: '.tmp/styles',
      sass: 'app/styles'
    }))
    .pipe($.autoprefixer({
      browsers: ['last 5 versions']
    }));
});

Answer 1

已解决。问题是gulp.dest没有运行自动修复程序。一个愚蠢的初学者犯的错误。