I am currently facing an issue with my Angular application where breakpoints set in F12 tools in Chrome or IE are not working. I have a simple test case below:
export class LoginComponent implements OnInit {
message: string;
constructor(private router: Router) {
console.log("Login Constructor");
}
ngOnInit() {
console.log("Login OnInit");
}
}
Although I can see the log output in the console, setting a breakpoint does not trigger. I suspect this issue started a few days ago, possibly due to an upgrade of some library, Windows, or both browsers. I am unsure where to begin troubleshooting. The project is built with webpack, and I am accessing this component through routing:
const appRoutes: Routes = [
{
path: '',
redirectTo: '/login',
pathMatch: 'full'
},
{
path: '/login',
component: LoginComponent
}
...
]
It's worth noting that the button click handler breaks as expected.