Merge pull request #8701 from nocodb/nc-fix/nuxt-lazy-load-chunk-error

fix: add a nuxt plugin to handle chunk error

packages/nc-gui/plugins/error-handler.ts

@@ -0,0 +1,17 @@
+// ref - https://github.com/nuxt/nuxt/issues/26565
+export default defineNuxtPlugin((nuxtApp) => {
+  const MAX_RETRIES = 2
+  const QUERY_PARAM_NAME = 'reload_attempt'
+
+  // Handle "Failed to fetch dynamically imported module ..." or similar issues
+  nuxtApp.hook('app:chunkError', () => {
+    const searchParams = new URLSearchParams(window.location.search)
+    const currentRetry = Number(searchParams.get(QUERY_PARAM_NAME)) || 0
+    if (currentRetry < MAX_RETRIES) {
+      console.log('[nuxt]: Reloading due to chunk error')
+      searchParams.set(QUERY_PARAM_NAME, (currentRetry + 1).toString())
+      // Changing the search also causes a refresh
+      window.location.search = searchParams.toString()
+    }
+  })
+})