Google Chrome 开发工具突然停止在我的本地驱动器上显示 CSS 文件名 - 请参阅链接中的屏幕截图：
Link to CSS Dev tools no file names
但是，当我访问 WWW 时，它工作得很好——在那里我可以看到 CSS 文件名？
有人可以帮忙吗？我不认为是我，因为我多年来一直在使用它们，而且效果很好。
查看网页截图：
Web Site link dev tools with file names
我今天才注意到这个
谢谢。
【问题讨论】：
标签： css google-chrome google-chrome-devtools
如果您在 Chrome 当前正在映射时更改 CSS 的路径，它可能会映射无效的文件夹路径。
我的解决方案是：
打开开发者工具
进入设置
转到工作区菜单
删除无效文件夹
【讨论】：
我刚刚通过生成我的源映射解决了这个问题，以便它们相对于我的工作空间的根目录引用它们的源文件（在我的情况下较少）。当不使用开发工具工作区时，它可以工作，因为它们能够找到相对于源映射所在目录的源文件。当不从工作区引用时，这会中断，因为 Chrome 似乎是从工作区根目录引用。 JS 源映射也遇到了同样的问题。
MyWorkspace (node project root)
> bower_components
> node_modules
> routes
> wwwroot (public static root)
> app (AngularJS client)
> assets
> css
> app.css
> maps
> app.css.map
> less
> bootstrap (less source)
> app.less
> app.js
> package.json
所以对我来说，sourcemap "sources": 数组必须像这样引用我的 less 源文件：
app.css.map
{ "version":3,
"sources": [
"/wwwroot/assets/less/app.less",
"/wwwroot/assets/less/...."....
除此之外，我还必须设置节点，以便当它在开发模式下运行时，它会公开 /wwwroot/ 以及 /node_modules/ 的其他路由，以便它可以将路线正确链接到我的工作区。
我正在使用 gulp-less-sourcemaps 来构建 CSS 源映射，而我的构建步骤看起来像（以防有人在 gulp 上苦苦挣扎）-
.pipe(less({ sourceMap: { sourceMapRootpath: '/wwwroot/assets/less' }}))
【讨论】：
请尝试以下方法：
【讨论】：
我想知道这是否是在开发人员工具中使用工作区的症状。您是否在本地设置工作区和映射网络资源？我没怎么用过它们，但我搞砸了，看看能不能复制你的问题。
我没有看到您在此处看到的确切内容，但是当我设置工作区时 CSS 文件名消失了，只剩下 localhost/ 。
没有工作区：
带工作区：
【讨论】：