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...
