Как реализовать отслеживание ошибок на стороне клиента в Vike (Vue 3), аналогично Next.js/Nuxt? ⇐ Javascript

[Anonymous]

Я использую Vike + Vue 3 и хочу добавить правильную систему отслеживания ошибок на стороне клиента (аналогично тому, что предоставляет Next.js или что Nuxt делает со своей границей ошибок).
Моя цель:

• Отслеживать необработанные ошибки
• Четко видеть, где возникают ошибки случаются в рабочей среде
• Имейте единую точку входа для обработки ошибок на клиенте
  Я пробовал использовать

  Код: Выделить всё

  pages/+client.ts

  [/b], потому что в документации Vike указано, что этот файл выполняется в браузере:

  Код: Выделить всё

  // pages/+client.ts
  console.log("client loaded");
  
  window.addEventListener("error", (err) => {
  console.log("Error caught:", err);
  });
  
  

  Однако:

  • Код: Выделить всё

    +client.ts

    не выполняется

  • Код: Выделить всё

    console.log

    никогда не появляется
  • Обработчики ошибок никогда не срабатывают
  • Даже размещение +client.ts рядом с маршрутом (например, страницы/продукты/@id/+client.ts) не загружает его
  Пример структуры каталога:

  Код: Выделить всё

  pages/
  index/+Page.vue
  products/
  @id/
  +Page.vue
  +client.ts
  
  

  Вопрос:
  Как правильно реализовать глобальное отслеживание ошибок на стороне клиента в проекте Vike + Vue 3?
  Более конкретно:
  • Как обеспечить выполнение +client.ts для всех маршрутов?
  • Как правильно подключить глобальные прослушиватели ошибок (

    Код: Выделить всё

    window.error

    , unhandledrejection)?
  • Существует ли граница ошибок, специфичная для Vike, или эквивалент глобальной записи клиента?

Я просто пытаюсь воспроизвести то, что предоставляет Next/Nuxt:
надежное место для обнаружения ошибок клиента.

Будем признательны за любые рекомендации или примеры настройки.

Подробнее здесь: https://stackoverflow.com/questions/798 ... to-next-js