Gulp Firefox“;无法加载样式文档";用鲍尔资源
我正在用Firefox(最新版本41.0.1.)开发前端应用程序,但之前也遇到过这个问题 使用Gulp sass、Sourcemap支持和其他功能处理*.sass文件 下面是样式任务: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
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,现在我得到了错误的行号。。。