Gulp Firefox“;无法加载样式文档";用鲍尔资源

Gulp Firefox“;无法加载样式文档";用鲍尔资源,gulp,developer-tools,source-maps,firefox-developer-tools,Gulp,Developer Tools,Source Maps,Firefox Developer Tools,我正在用Firefox(最新版本41.0.1.)开发前端应用程序,但之前也遇到过这个问题 使用Gulp sass、Sourcemap支持和其他功能处理*.sass文件 下面是样式任务: var paths = { folders : { css: 'public/assets/css', sass: 'public/src/sass' }, files : { css: 'public/assets/css/**/*.c

我正在用Firefox(最新版本41.0.1.)开发前端应用程序,但之前也遇到过这个问题

使用Gulp sass、Sourcemap支持和其他功能处理*.sass文件

下面是样式任务:

var paths = {
  folders : {
    css:        'public/assets/css',
    sass:       'public/src/sass'
  },
  files : {
    css:        'public/assets/css/**/*.css',
    sass:       'public/src/sass/**/*.sass'
  }
};

gulp.task('styles', function () {

if(compileOnly != false) {
  var srcFile = compileOnly;
} else {
  var srcFile = paths.files.sass;
}

var processors = [
  autoprefixer({
    browsers: ["last 2 versions", "> 1%", "ie 8"],
    map: true
  }),
  nano({
    safe: true // Disables Z-Index remanufacturing
  }),
  pxtorem({
    replace: false,
    prop_white_list: ['padding', 'margin', 'width', 'height', 'min-width', 'min-height', 'max-width', 'max-height', 'font', 'font-size', 'line-height', 'letter-spacing', 'top', 'left', 'bottom', 'right'],
    selector_black_list: ['body', 'html']
  }),
  postcssrgba({
    properties: [ "background-color", "background", "color", "border", "border-color", "outline", "outline-color", "box-shadow", "text-shadow" ]
  })
]

return gulp.src([srcFile],{base: paths.folders.sass})
  .pipe( plumber( { errorHandler: onError } ) )
  .pipe(sourcemaps.init())
  .pipe(sass({sourcemap: true, style: 'compact'}))
  .pipe(postcss(processors))
  .pipe(sourcemaps.write('.'))             // Source Map Generation
  .pipe(gulp.dest(paths.folders.css))                  // Output
  .pipe(notify({ message: 'Styles task complete' }));
});
一切正常,sourcemaps正在生成,firefox开发工具正在显示正确的源代码:

但是,当我单击其中一个资源时,我只得到以下错误:

“无法加载样式文档。http://**/assets/bower/uikit/scss/core/nav.scss”(自由翻译,因为我的系统语言是德语)

文件就在那里,没有任何限制

当我使用没有依赖项和包含项的新sass文件进行测试时,一切正常。 铬完全没有问题。 只有Firefox,当我包含bower依赖项时。 可能是Sass和Scss文件的混合吗


关于

经过大量的研究和尝试,我可以找到一点

因此,首先,只有当bower(或该级别上的任何其他文件夹)中包含了一个内容时,才会发生错误。如果我从那里注释掉所有@imports,一切都没问题

解决方案: 由于sourcemaps中Firefox对sourceRoot的支持有点错误(),我建议删除它,因为gulp sourcemaps在默认情况下会添加它

通过将null传递给此选项,可以在sourcemap中删除它:

.pipe(plugins.sourcemaps.write('.', {
    sourceRoot: null
}))

诚恳地说,我无法让你的解决方案正常工作。源根仍然不正确。但是我找到了一个解决办法,让它们正确:我只是把地图文件放在一个子文件夹中:
.pipe(sourcemaps.write('./maps'))
现在源文件加载正确,但由于PostSS,现在我得到了错误的行号。。。