Sass 源地图未在 Chrome 中显示，在 MAMP Pro 上运行答案

【问题标题】：Sass source maps not showing in Chrome, running on MAMP ProSass 源地图未在 Chrome 中显示，在 MAMP Pro 上运行
【发布时间】：2017-11-06 21:56:52
【问题描述】：

我已经多次看到 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));

});

我非常感谢您能帮我解决这个问题，Chrome 是我首选的开发浏览器。

肖恩。

【问题讨论】：

标签： google-chrome sass

【解决方案1】：

看来我犯了一个非常简单的错误。 gulp 文件将源映射输出到我的网络服务器指向的项目之外的文件夹。我更改了代码，源映射现在可以工作了。

【讨论】：