when I execute my angular application locally, this error occurred suddenly even without doing any code changes while the same code base can be run in a separate machine with the same configuration.

• node version:v16.17.0

ERROR Error: Uncaught (in promise): NullInjectorError: R3InjectorError(AppModule)[ActivatedRoute -> ActivatedRoute -> ActivatedRoute]: NullInjectorError: No provider for ActivatedRoute!

when I execute my angular application locally, this error occurred suddenly even without doing any code changes while the same code base can be run in a separate machine with the same configuration.

• node version:v16.17.0

ERROR Error: Uncaught (in promise): NullInjectorError: R3InjectorError(AppModule)[ActivatedRoute -> ActivatedRoute -> ActivatedRoute]: NullInjectorError: No provider for ActivatedRoute!

• javascript
• node.js
• angular

2 Answers 2

Try to add the following import in AppModule file

imports: [ 
    RouterModule.forRoot([]),
    ...
  ],

To import RouterModule you should do something like this:

import { RouterModule } from '@angular/router';

My friend removed provideRouter(routes), from appConfig when he added provideHttpClient()

Fixed this error by adding it back

// app.config.ts (Angular 18.x)
export const appConfig: ApplicationConfig = {
  providers: [
    provideHttpClient(),
    provideRouter(routes), // <-- added back
  ]
};