I've added a new Service to an existing Angular project with:

$ ng generate service utils/new

Now I tried to move some methods from AppService to NewService.

Both services have the same constructor:

@Injectable({
  providedIn: 'root'
})
export class AppService {

  constructor(private http: HttpClient) {}

And

@Injectable({
  providedIn: 'root'
})
export class NewService {

  constructor(private http: HttpClient) { }

Now in a Component I try to use NewService instead of AppService (I simply replace AppService with NewService).

@Component({
//...
})
export class MyComponent implements OnInit {


  constructor(private newService: NewService) {
    newService.doSomething(...);
  }

  ngOnInit(): void {
  }

It compiles. But I get a runtime error: ERROR TypeError: n.appService is undefined

I could not understand what the debugger was saying so I made a guess: I added private appService: AppService to the constructor, although it is not being used at all in the code of MyComponent. So now I have this:

@Component({
//...
})
export class MyComponent implements OnInit {


  constructor(private appService: AppService, private newService: NewService) {
    newService.doSomething(...);
  }

  ngOnInit(): void {
  }

Now it compiles, and I also don't get any runtime error.

This looks strange and counterintuitive to me. What did I miss here?

Do I need some configuration setting to declare the existence of NewService?