2017-06-06 1 views
0

Ich habe die Frage der Quellkarten, die nicht in Chrome angezeigt werden, einige Male beantwortet, keine davon deckt mein Problem oder das Setup ab.Sass-Quellkarten, die nicht in Chrome angezeigt werden, laufen auf MAMP Pro

Ich benutze MAMP Pro als meinen lokalen Webserver und bin sicher, das Problem ist nicht da, Safari und Firefox zeigen die Quellkarten für mein Projekt. Dieses Problem hat letzte Woche in Chrome auf meinem Mac begonnen.

Meine Chrome Dev-Einstellungen haben CSS-Quellkarten aktiviert.

Inspector zeigt immer noch nur die generierte Datei style.css als Quelle an.

Die Gulp Aufgabe Ich bin mit der Quell Karten zu erzeugen, ist:

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)); 

});

Ich würde mich über jede Hilfe freuen, wenn dies funktioniert, Chrome ist mein bevorzugter Browser.

Shaun.

Antwort

0

Es scheint, ich habe einen wirklich einfachen Fehler gemacht. Die Schluckdatei gab die Quellkarten in einen Ordner außerhalb des Projekts aus, auf den mein Webserver zeigte. Ich habe den Code geändert und die Quellkarten funktionieren jetzt.

Verwandte Themen