Серый фон в Chrome Devtools sourcemap view

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? по аналогичному вопросу.