Can modules using canLoad be preloaded?

Question

This question has this example:

{
    path: 'admin',
    loadChildren: 
'app/admin/admin.module#AdminModule',
    canLoad: [AuthGuard]
}

Can the AdminModule still be preloaded / prefetched with the canLoad guard in place?

If not is the only other option to put the AuthGuard canActivate property on all the routes within the AdminModule?

Answer 1

It doesn't really make sense, because preloading will happen eagerly when the application is started. So how would your AuthGuard know who the user is or what they have access to. It will happen before any services have had a chance to restore a previous session or communicate with anything.

canLoad and canActivate are asynchronous operations, and preloading is ineffective if it has to wait before it can preload.

Ask yourself this question. Do I need the application to change routes to the admin section very quickly. If you answer yes, then use canActivate and preload but if latency is fine and you want to save on bandwidth then use canLoad without preload.

With all that said, it is not supported according to the documentation.

The PreloadAllModules strategy does not load feature areas protected by a CanLoad guard. This is by design.

https://angular.io/guide/router#canload-blocks-preload