Google chrome Sass源地图未在Chrome中显示,在MAMP Pro上运行

Google chrome Sass源地图未在Chrome中显示,在MAMP Pro上运行,google-chrome,sass,Google Chrome,Sass,我已经看到源地图没有在Chrome中显示的问题被回答了好几次,这些都没有完全涵盖我的问题或设置 我正在运行MAMP-Pro作为我的本地web服务器,并且确信问题不存在,Safari和Firefox正在显示我的sass项目的源地图。这个问题是上周在我的Mac上的Chrome上开始出现的 我的Chrome开发设置已选中启用CSS源映射 Inspector仍然只显示生成的style.css文件作为源 我正在运行的生成源地图的Gulp任务是: gulp.task('css', function() {

我已经看到源地图没有在Chrome中显示的问题被回答了好几次,这些都没有完全涵盖我的问题或设置

我正在运行MAMP-Pro作为我的本地web服务器,并且确信问题不存在,Safari和Firefox正在显示我的sass项目的源地图。这个问题是上周在我的Mac上的Chrome上开始出现的

我的Chrome开发设置已选中启用CSS源映射

Inspector仍然只显示生成的style.css文件作为源

我正在运行的生成源地图的Gulp任务是:

gulp.task('css', function() {
return gulp.src(scss + '{style.scss,rtl.scss}')
.pipe(sourcemaps.init())
.pipe(sass({
    outputStyle: 'expanded', 
    indentType: 'tab',
    indentWidth: '1'
}).on('error', sass.logError))
.pipe(postcss([
    autoprefixer('last 2 versions', '> 1%')
]))
.pipe(sourcemaps.write(scss + 'maps'))
.pipe(gulp.dest(root));
})

我真的很感谢任何帮助,让这个工作,铬是我的首选开发浏览器


肖恩。看来我犯了一个很简单的错误。gulp文件将源地图输出到我的Web服务器指向的项目之外的文件夹。我更改了代码,源代码映射现在可以工作了