Browse Source

fix: add a nuxt plugin to handle chunk error

pull/8701/head
Pranav C 6 months ago
parent
commit
946ae7cd5d
  1. 17
      packages/nc-gui/plugins/error-handler.ts

17
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()
}
})
})
Loading…
Cancel
Save