Example of what needs to be done

rancher · Oct 9, 2024 · 35d6867 · 35d6867
1 parent ab7308e
commit 35d6867
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 8 deletions.
diff --git a/shell/initialize/App.vue b/shell/initialize/App.vue
@@ -48,6 +48,9 @@ export default {
   },
 
   methods: {
+    handleError(error) {
+        window.$globalApp.$store.dispatch('loadingError', new Error(error), true);
+    },
     refreshOnlineStatus() {
       if (typeof window.navigator.onLine === 'undefined') {
         // If the browser doesn't support connection status reports

diff --git a/shell/initialize/entry-helpers.js b/shell/initialize/entry-helpers.js
@@ -3,9 +3,7 @@
  * @param {*} vueApp Vue instance
  */
 export const loadDebugger = (vueApp) => {
-  const debug = process.env.dev;
-
-  if (debug) {
+
     const defaultErrorHandler = vueApp.config.errorHandler;
 
     vueApp.config.errorHandler = async(err, vm, info, ...rest) => {
@@ -35,14 +33,17 @@ export const loadDebugger = (vueApp) => {
         return handled;
       }
 
+      if (vm?._component?.methods?.handleError) {
+        vm._component.methods.handleError(err);
+      }
+
       // Log to console
       if (process.env.NODE_ENV !== 'production') {
         console.error(err); // eslint-disable-line no-console
       } else {
         console.error(err.message || err); // eslint-disable-line no-console
       }
     };
-  }
 };
 
 /**

diff --git a/shell/initialize/entry.js b/shell/initialize/entry.js
@@ -25,9 +25,19 @@ installPlugins(vueApp);
 if (!global.fetch) {
   global.fetch = fetch;
 }
-
-loadDebugger(vueApp);
-const errorHandler = vueApp.config.errorHandler || console.error; // eslint-disable-line no-console
+const debug = process.env.dev;
+if(debug){
+    loadDebugger(vueApp);
+} else {
+    //Need to add some error handler for production
+    vueApp.config.errorHandler = async(err, vm, info, ...rest) => {
+        if (vm?._component?.methods?.handleError) {
+            vm._component.methods.handleError(err);
+        }
+    }
+}
 
 // Create and mount App
-extendApp(vueApp).then((appPartials) => mountApp(appPartials, vueApp)).catch(errorHandler); // eslint-disable-line no-undef
+extendApp(vueApp).then((appPartials) => mountApp(appPartials, vueApp)).catch((err) => {
+    return vueApp.config.errorHandler ? vueApp.config.errorHandler(err, vueApp) : console.error(err);
+  }); // eslint-disable-line no-undef