Cannot read properties of undefined (reading '__loaders')

[peternedap]

We're running into an issue where the user's session has expired and they try to change the route.

This code seems to not check whether the promise has resolved correctly. This results in the following error:

We'd like a way to check why a routing requests fails using the HTTP status of the reply.
Is something like that possible currently?

[posva]

viewModule shouldn't be undefined there. Do you have a boiled down repro?

[posva]

I see. If you manage to build a boiled down reproduction or have more details, please let me know or open a new issue

[peternedap]

I still encounter this error when the page cannot be loaded. I was able to reproduce this both on HTTP 401 and HTTP 404 statuses.

I've created a boiled down reproduction here: https://github.com/peternedap/unplugin-vue-undefined

In the case where the async fetching of files runs into HTTP errors I'd expect to either be able to handle those HTTP errors, the generic browser-specific fetch errors (e.g. "Failed to fetch dynamically imported module" for Chrome) or generic errors like "error loading dynamically imported module" and "Unable to preload CSS".

[posva]

Can you do a repro based off pnpm create vue (or npm) with just ts and router and add unplugin-vue-router there. There are a lot of non standard changes in your repro. I tried to refactor them but it's a bit too much.

If the module request errors, it shouldn't go into the .then though

[peternedap]

I've further reduced the example and found the problem in the process:

We use the vite:preloadError hook to detect failures in module loads and redirect to the login page. To prevent unnecessary error logging we then stop the event as well:

window.addEventListener("vite:preloadError", (event) => {
    event.preventDefault();
    event.stopImmediatePropagation();

    redirectToLogin();
}); 

The event.preventDefault here interferes with the router. After removing it the Router.onError hook works as expected again.