在Chrome Devtools sourcemap视图中的灰色背景

Question

我有一个捆绑和缩小的文件和一个源地图。我在chrome dev工具中添加了此源图，方法是右键单击源并选择Add Source Map...。这似乎有效（尽管我怀疑某些事情变得混乱）。原始文件现在出现在devtools中。但是现在一些线条具有灰色背景（例如下面屏幕截图中的第17行）。这是什么意思？

Answer 1

灰色背景表示源地图不包含这些行。有时，源映射生成器仅为不同或可能与底层代码不同的行提供源映射。在这些情况下，未修改的行将具有灰色背景。

有关此示例，请参阅https://github.com/babel/babel/issues/1318。

另请参阅What are these grey lines in the Chrome sources panel?了解类似问题。