fix: Reload page on dynamic module load error (#2777)

* Reload page on dynamic module load error * Add sentry exception to make sure that we are reloading page
balancer · Feb 8, 2023 · 3750948 · 3750948
1 parent b70a371
commit 3750948
Showing 1 changed file with 13 additions and 0 deletions.
diff --git a/src/plugins/router/index.ts b/src/plugins/router/index.ts
@@ -1,4 +1,5 @@
 import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router';
+import { captureException } from '@sentry/browser';
 
 import { isGoerli } from '@/composables/useNetwork';
 import { applyNavGuards } from './nav-guards';
@@ -204,4 +205,16 @@ const router = createRouter({
   },
 });
 
+router.onError((error, to) => {
+  if (error.message.includes('Failed to fetch dynamically imported module')) {
+    captureException(
+      'Triggered automatic reload after failed to fetch dynamically imported module. ',
+      {
+        extra: error.message,
+      }
+    );
+    window.location.href = to.fullPath;
+  }
+});
+
 export default applyNavGuards(router);