Question

我已经看到Chrome浏览器中没有显示的源地图问题已经回答了几次，这些问题都没有解决我的问题或设置。

我正在运行MAMP Pro作为我的本地网络服务器，并确定问题不存在，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是我首选的开发浏览器。

肖恩。

Answer 1

看来我犯了一个非常简单的错误。 gulp文件将源映射输出到我的Web服务器指向的项目之外的文件夹。我更改了代码，源地图现在正在运行。

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

1 个答案: