Перейти к содержимому

Обзор ​

Когда <img>, <script> или <link> не загружается — 404 на бандл с хэшем после деплоя, сломанный CDN, заблокированная таблица стилей, — браузер генерирует событие error, которое не всплывает и не несёт исключения, так что глобальный обработчик ошибок его не видит.

resourceErrorsIntegration слушает эти события в фазе перехвата и отправляет на каждое лог уровня error с tag элемента и url ресурса в атрибутах:

Failed to load resource: script https://cdn.example.com/app.4f2a1c.js

Использование ​

ts
import { use } from '@buglapse/browser'
import { resourceErrorsIntegration } from '@buglapse/browser/integrations'

use(resourceErrorsIntegration())

// следить и за другими элементами:
use(resourceErrorsIntegration({ tags: ['img', 'script', 'link', 'video', 'audio'] }))

Опции ​

ОпцияТипПо умолчаниюОписание
tagsstring[]['img', 'script', 'link']Теги элементов, о сбоях загрузки которых сообщается