Sentry-javascript: Событие: отклонение обещания без ошибок зафиксировано с помощью ключей: currentTarget, isTrusted, target, type

Мы также начали видеть это в последние пару недель. Я только начал изучать это, поэтому у меня нет более подробной информации о том, что его вызывает.

То же самое здесь, теперь на Sentry v5.15.5.

Может ли кто-нибудь предоставить ссылку на этот тип событий, записанных в Sentry? Похоже на ошибку загрузки скрипта (обратите внимание на target которому это событие было инициировано)

@kamilogorek, не могли бы вы прислать мне адрес электронной почты вашей компании? Могу поделиться примерами событий.

@Santas [email protected]

Если вам нужно больше примеров, я также могу прислать их @kamilogorek - просто дайте мне знать.

@sheelah да, пожалуйста

@sheelah, если onunhandledrejection (то же самое касается onerror в описании OP).

https://developer.mozilla.org/en-US/docs/Web/API/Window/unhandledrejection_event

Однако нет ничего, что могло бы помешать кому-либо передать туда случайные вещи.
Таким образом, такой код Promise.reject("whatever") или Promise.reject(jQueryBecauseWhyNot) является полностью допустимым кодом JS.

Всякий раз, когда мы сталкиваемся с чем-то, что не является примитивным значением, объектом, содержащим трассировку стека (например, Error ) или внутренним исключением DOM, мы должны вернуться к простой сериализации объекта и попытаться извлечь любую информацию, которую мы можем извлечь. этого. Вы можете увидеть в файле eventbuilder.ts список возможных путей, которые может принимать это "любое случайное значение", переданное обработчику событий - https://github.com/getsentry/sentry-javascript/blob/master/packages/ браузер / src / eventbuilder.ts # L17 -L80

К сожалению, я не уверен, сможем ли мы сделать его более универсальным для обработки большего количества типов ввода.
Если у кого-то есть отзывы об этом процессе, я полностью открыт для предложений.

(отвечает здесь, а не на вашу электронную почту, чтобы общение оставалось открытым для всех)

Из моих наблюдений:

• Это происходит только в различных последних версиях Safari на мобильных или настольных компьютерах;
• В моем веб-приложении установлено несколько библиотек, таких как ZXing и browser-image-compression , но нет сторонних скриптов отслеживания;
• Кажется, это происходит в то же время, когда вызов API завершается с ошибкой сети (код 0).
• В моем случае это более конкретно ProgressEvent , а не просто событие, которое, кажется, является частью библиотеки HTTP-запросов (я использую axios).

ADDITIONAL DATA

__serialized__ | {
    currentTarget: [object Null],
    isTrusted: [Circular ~],
    target: [object FileReader],
    type: error}
-- | --

Я также только что получил отчет с сообщением «Отклонение обещания без ошибок зафиксировано со значением: null». Подобно тому, что упоминал @ anton-bot выше, затронутый пользователь использовал Safari 13.1.2 в Mac OS X 10.15.6.

Я просмотрел свой скомпилированный код приложения для вызовов reject( где, возможно, предоставляется объект null , но не смог его найти, поэтому мне было интересно, может ли это быть расширение браузера или третье сценарий вечеринки. Поскольку нет трассировки стека или панировочных сухарей, довольно сложно понять, что именно произошло.

Также наблюдаю это в течение последних двух недель. На нашем сайте мы видели это только на страницах, которые используют javascript API карт Google, поэтому я чувствую, что это может быть связано с этим. Кто-нибудь еще видел это на URL-адресах, которые используют карты Google?

Изменить: до сих пор мы видели проблему на iOS и Android.

Изменить: Дополнительные данные:

{
  currentTarget: [object Null], 
  isTrusted: [Circular ~], 
  target: head > script[type="text/javascript"], 
  type: error
}

@asbjornh nope У меня нет карт Google на моей странице

@kamilogorek Могут ли дополнительные данные OP (и мои) быть вызваны чем-то вроде этого Promise.reject(new Event("error")) ? Или события Sentry для этой ситуации всегда будут иметь полезные данные, которые выглядят как события браузера?

@asbjornh да, затем он пройдет через этот поток - https://github.com/getsentry/sentry-javascript/blob/caff9e7b308f99f04443d57d990c252a51a153bf/packages/browser/src/eventbuilder.ts#L97 -L107

Я тоже получаю такую ​​же ошибку

Эта ошибка только что исчерпала мою квоту.

у нас есть 289 таких событий за последние 24 часа - и наша страница еще даже не работает ..

{
currentTarget: [object Null], 
isTrusted: [Circular ~], 
target: head > link, 
type: error
}

Мы используем next.js

то же самое здесь с cra 😅

Похоже, что эта проблема вызвана примерно таким:

new Promise((resolve, reject) => {
  const script = document.createElement('script');
  script.src = src;
  script.onload = resolve;
  script.onerror = reject;
  document.body.appendChild(script);
});

Перехватчик onerror фактически получит объект Event вместо экземпляра Error , который вызывает упомянутые выше проблемы. Этого можно избежать, заключив Event в Error как это предлагается https://developer.mozilla.org/de/docs/Web/API/HTMLScriptElement :

new Promise((resolve, reject) => {
  const script = document.createElement('script');
  script.src = src;
  script.onload = resolve;
  script.onerror = event => {
    reject(new Error(`Failed to load ${event.target.src}`));
  };
  document.body.appendChild(script);
});

В моем случае это был механизм предварительной выборки Next.js 9.5.2 вызывающий его в Firefox, на всякий случай, если у кого-то есть похожий случай. (может быть, здесь? https://github.com/getsentry/sentry-javascript/issues/2546#issuecomment-697771381) Это проблема: https://github.com/vercel/next.js/pull/16757 и может можно решить путем обновления до 9.5.3 или Canary.

Однако в браузере ошибка гораздо более подробна:

Uncaught (in promise) 
error
bubbles: false
...
...
as: "fetch"
assignedSlot: null
attributes: NamedNodeMap(3
0: href="/_next/data/wmQYPCwvbuBulJfEwTMRf/smartwatches/fitbit-ionic.json"
1: rel="prefetch"
2: as="fetch"
as: as="fetch"
href: href="/_next/data/wmQYPCwvbuBulJfEwTMRf/smartwatches/fitbit-ionic.json"
length: 3
rel: rel="prefetch"
...
...
​
isTrusted: true
originalTarget: <link href="/_next/data/wmQYPCwvbuBu…tches/fitbit-ionic.json" rel="prefetch" as="fetch">
returnValue: true
srcElement: <link href="/_next/data/wmQYPCwvbuBu…tches/fitbit-ionic.json" rel="prefetch" as="fetch">​
target: <link href="/_next/data/wmQYPCwvbuBu…tches/fitbit-ionic.json" rel="prefetch" as="fetch">
timeStmp: 25366
type: "error"
...

Как мы можем заставить Sentry собирать эти данные?

@ Turbo87 ДА! Именно поэтому мы видим его только на страницах, использующих @googlemaps/js-api-loader . Они делают именно то , что вы описываете здесь

Спасибо!!