ng2-animate | Angular2 animations , inspired by Animate | Animation library

I've just upgraded to Angular 9 and created some child routes using lazy loading. Before these changes, my project and my routes worked perfectly but after these two changes, just my HomeComponent route (path: "") works correctly, but if I try to click the links to other routes (using routerLink), it simply doesn't redirect, and if I manually write the route in the browser, it gives me a blank page without errors.

To sum up: The project and the routes worked fine, but after I created the angular lazy loading routes, the only route that works is the default one (HomeComponent) and if I try to click the links to go to other routes nothing happens, if I manually type these routes in my browser it gives me a blank page without no errors.

app.module.ts

I´m using angular 4 and angular cli in my project, i just install the ng2-img-max to manipulate images before upload to my firebase storage, but when i run the ng server i get this error: Metadata version mismatch for module C:/Users/Migue/Desktop/weddingAngular/node_modules/ng2-img-max/dist/ng2-img-max.d.ts, found version 4, expected 3, resolving symbol AppModule in C:/Users/Migue/Desktop/weddingAngular/src/app/app.module.ts, resolving symbol AppModule in C:/Users/Migue/Desktop/weddingAngular/src/app/app.module.ts

this is my package.json

Authentication doesn't seem to persist after page has been refreshed. Whenever I login, it successfully redirects me. but, when i refreshed, accessing is not possible anymore.

here is the auth guard

router

im tryin to create an auth.guard.service but for some reason i get error Can't resolve all parameters for AuthGuard: (?, [object Object])., here is the services.