ERROR Error: Uncaught (in promise): Error: This constructor is not compatible with Angular Dependency Injection because its dependency at index 6 of the parameter list is invalid.
This can happen if the dependency type is a primitive like a string or if an ancestor of this class is missing an Angular decorator.
Please check that 1) the type for the parameter at index 6 is correct and 2) the correct Angular decorators are defined for this class and its ancestors.
Error: This constructor is not compatible with Angular Dependency Injection because its dependency at index 6 of the parameter list is invalid.
This can happen if the dependency type is a primitive like a string or if an ancestor of this class is missing an Angular decorator.
Please check that 1) the type for the parameter at index 6 is correct and 2) the correct Angular decorators are defined for this class and its ancestors.
Don’t know why this error, didnt see it before and adding Injectable() doesnt help, my code is this:
import { Component, Injectable, OnInit } from '@angular/core';
import { UserService } from 'src/app/services/user/user.service';
import { map } from 'rxjs/operators';
import { User } from 'src/app/models/user';
import { Router } from '@angular/router';
import { ChatsService } from 'src/app/services/chats/chats.service';
import { UtilService } from 'src/app/services/util/util.service';
@Component({
selector: 'app-users',
templateUrl: './users.page.html',
styleUrls: ['./users.page.scss'],
})
export class UsersPage implements OnInit {
users: User[];
uid: string;
constructor(private userService: UserService,
private router: Router,
private chatsService: ChatsService,
private util: UtilService) {
this.util.doLoading('Please Wait...');
this.userService.getAllUsers().snapshotChanges().pipe(
map(changes => changes.map(c => ({
key: c.payload.key, ...c.payload.val()
}))
)).subscribe(
users => { this.users = users; console.log(users) })
this.uid = this.userService.getUID();
}
openChat(key: string) {
console.log("My key: ", key)
this.chatsService.chatter = {
uid: this.uid,
interlocutorUID: key
}
this.router.navigateByUrl('/chat-view')
}
ngOnInit() {
}
}