TypeError: Cannot read property 'form' of null angular

Question

I was implementing nested routing in my app, So I made nested routing module inside nested components then imports module and declare component

But getting error: Cannot read property 'form' of null.... I imported form module also.

Then I check PendingChangesGuard.canDeactivate (can-deactivate.guard.ts:17)

Answer 1

Defensive programming, you should check variable is null or undefined before using it.

import { isNullOrUndefined } from 'util';

if(!isNullOrUndefined(component) && component.form.dirty){
     // your code
}