Chrome не запрашивает исходную карту JS, но Firefox делает

Я использую webpack для сборки моего клиента JS с опцией devtool: 'source-map', поэтому мой пакет JS заканчивается на //# sourceMappingURL=app.bundle.js.map. Когда я открываю chrome devtools, Chrome показывает баннер "Исходная карта", но на самом деле не показывает исходные источники в навигаторе. В моих журналах доступа к серверу не отображаются запросы для исходной карты.

Когда я открываю ту же страницу с помощью инструментов Firefox dev, она загружает исходную карту точно так, как ожидалось.

Все остальные активы загружаются штрафом. Очистка кеша браузера не помогает.

Кто-нибудь испытал это? Это ошибка Chrome?

Ответ 1

Я дважды проверил его на Google Chrome v53, он не будет регистрировать любые запросы, связанные с sourcemap (вкладка/Консоль сети), независимо от того, какой статус ответа 200 или 404. Это означает, что вам нужно убедиться, что ваш веб-сервер обслуживающий файл. Для этого вы можете просто открыть URL-адрес sourcemap в браузере, например.

//# sourceMappingURL=sourcefile.js.map

localhost:3000/path/to/your/sourcefile.js.map

В качестве альтернативы вы можете изменить свою сборку так, чтобы sourcemap был встроен в js файл. Тогда вам не нужно брать его с сервера.

//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uI...