Sass源代码直接工作但不适用于Chromium上的localhost

Question

我正在运行Debian Wheezy。最近几天我正在玩gulp。我的问题是，当我直接将浏览器指向文件（file：/// ...）时，源地图链接正确如下：

但是当我指向localhost / ...时，我得到了这个：

在Iceweasel上，一切都很完美。我检查了所有设置，因此该部分没问题。我认为这可能是一些安全问题，所以我chmod递归项目root，但这不是问题。

这是我的文件夹结构：

这是我的gulpfile.js：

我的scss文件看起来像这样：

index.scss

_test.scss

当我在根文件夹上运行gulp命令时，我得到：

index.css

可以是一些Chromium问题吗？我尝试了几乎所有我能想到的东西。它在Iceweasel工作的事实使我认为它是特定的Chromium问题，但它很难放弃。 ：d

Answer 1

我遇到了类似的问题，尤其是BrowserSync。

版本信息：

OS X El Capitan@10.11.12

Google Chrome@47.0.2526.80（64位）

browser-sync@2.9.0

描述

Chrome无法通过Scss sourcemaps自动加载BrowserSync，而Chrome私密模式，Chrome Canary，Safari无法正常使用Scss sourcemaps，无论是使用BrowserSync还是python simple HTTP server command line

解决方案可能与我的案例有关。我之前尝试过Google Web Starter Kit（@ 0.6.0）的Service-Worker，所以我去了chrome://serviceworker-internals和该页面中列出的未注册项目。

已经完成了。 Soucemaps再次按预期工作。

Answer 2

尝试在Chrome工作区中添加本地文件夹。这是关于启用和使用工作空间的完美教程：

http://www.sitepoint.com/using-source-maps-debug-sass-chrome/

希望它有所帮助。