gulp sass sourcemaps在chrome开发控制台中不工作

gulp sass sourcemaps在chrome开发控制台中不工作,sass,gulp,google-chrome-devtools,source-maps,gulp-sass,Sass,Gulp,Google Chrome Devtools,Source Maps,Gulp Sass,我在chrome开发人员控制台中尝试使用sass源代码映射来编辑sass源代码时遇到了困难。为了编译sass,我正在使用gulp sass2.0.4和gulp sourcemaps1.5.2。 下面是一段代码片段: function fsass() { gulp.src('./public/styles/sass/*.scss') .pipe(sourcemaps.init()) .pipe(sass().on('error', sass.logError))

我在
chrome开发人员控制台中尝试使用
sass
源代码映射来编辑
sass
源代码时遇到了困难。为了编译sass,我正在使用
gulp sass
2.0.4和
gulp sourcemaps
1.5.2。 下面是一段代码片段:

function fsass() {
  gulp.src('./public/styles/sass/*.scss')
    .pipe(sourcemaps.init())    
    .pipe(sass().on('error', sass.logError))    
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest('./public/styles/css'));
}
在chrome开发控制台中,我已经将我的.css文件映射到了一个网络资源,.map与.css一起存储,但我所能看到的只是显示在元素上的这个.css文件。还可以在chrome设置中检查源文件的使用情况。

有什么想法吗?

如果您确定源地图没有问题,请尝试在匿名窗口中打开页面。如果它在那里工作,那么可能是缓存问题。清除缓存并退出Chrome。重新打开它以查看问题是否已解决。如果清除缓存不起作用,请尝试在其他端口号上运行您的站点。@Max有相同的问题,您找到解决此问题的方法了吗?@Mosijava是一个古老的问题,没有它,开发工具有时(很少)会出现问题,对我来说,重新加载chrome或删除/添加源文件夹映射通常会有所帮助。如果您确定源映射没有问题,请尝试在匿名窗口中打开页面。如果它在那里工作,那么可能是缓存问题。清除缓存并退出Chrome。重新打开它以查看问题是否已解决。如果清除缓存不起作用,请尝试在其他端口号上运行您的站点。@Max有相同的问题,您找到解决此问题的方法了吗?@Mosijava是一个古老的问题,没有它,开发工具有时(很少)会出现问题,对我来说,重新加载chrome或删除/添加源文件夹映射通常会有所帮助。