Демо
В каталоге demo/ лежит готовое к запуску Vue 3 приложение, которое на одной странице показывает все возможности vue-error-boundary-kit — у каждого раздела своя кнопка «сломать», так что ошибку можно по-настоящему вызвать и восстановиться после неё, а не просто прочитать о ней.
Что входит в демо:
- Базовый
<ErrorBoundary>+ повтор, иresetKeys, автоматически сбрасывающий границу при имитации навигации maxRetriesи вложенные границы, демонстрирующиеisolate(ошибка остаётся локальной или всплывает к родительской границе)useErrorBoundary()для ручного перехвата ошибки, которуюerrorCapturedструктурно не видит (перехваченный сбойJSON.parse)- Ошибка, брошенная внутри асинхронного
setup()под<Suspense> - Адаптеры отчётности (консоль + комбинированный репортер) и
useGlobalErrorCapture(), перехватывающий необработанное отклонение промиса и ошибку из «сырого»addEventListener - Панель истории ошибок DevTools, которую питают все границы выше
createRateLimitedReporter(), дедуплицирующий и ограничивающий частоту при имитации массового шторма сбоев
bash
git clone https://github.com/macrulezru/vue-error-boundary-kit.git
cd vue-error-boundary-kit
npm install --prefix demo
npm run demoОткрывается на http://localhost:5173.