CanDeactivate not triggered when navigating from lazy loaded module component to root module

🐞 bug report

Affected Package

The issue is caused by package @angular/core, @angular/router.

Is this a regression?

I do not know precisely. There was maybe a similar issue described here: #16868

Description

When I put a CanDeactivate guard for the route of a component that is included inside a lazy loaded module and I try to navigate (for example with the back button) from this route to a route that is included in the root module (app.module.ts, for example the homepage) the CanDeactivate guard it is not called. This behaviour does not appear when navigating between two components (in which at least one is protected by the CanDeactivate) that are included in the same lazy-loaded module or are included in two different lazy-loaded modules.

🔬 Minimal Reproduction

https://stackblitz.com/edit/angular-issue-deactivate-guard-lazyload-module

🔥 Exception or Error

There are no exceptions or errors sadly…

🌍 Your Environment

Angular Version:

Angular CLI: 7.2.2
Node: 10.15.0
OS: darwin x64
Angular: 7.2.1
... animations, cdk, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.12.2
@angular-devkit/build-angular     0.12.2
@angular-devkit/build-optimizer   0.12.2
@angular-devkit/build-webpack     0.12.2
@angular-devkit/core              7.2.2
@angular-devkit/schematics        7.2.2
@angular/cli                      7.2.2
@angular/flex-layout              7.0.0-beta.23
@angular/http                     7.2.2
@ngtools/webpack                  7.2.2
@schematics/angular               7.2.2
@schematics/update                0.12.2
rxjs                              6.3.3
typescript                        3.2.2
webpack                           4.28.4

[narendrasinghrathore]

ERROR Error: Uncaught (in promise): TypeError: component.confirmAndNavigate is not a function

When returning from lazy loaded module to root module.

Root Module

Lazy Loaded Feature Module

• Child component having unsaved changes, trigger canDeacticvate but provider don’t have component reference

• Child lazy loaded modules having single components with canDeactivate guard working fine in between component navigation

Working ( with canDeactivate guard )

• /root-route/lazy-loaded-parent/lazy-loaded-child1 to /root-route/lazy-loaded-parent/lazy-loaded-child2

Not working ( with canDeactivate guard )

• From /root-route/lazy-oaded-parent/lazy-loaded-child-xx to /root-route

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}