No provider for MessageService!

[chfux]

Hi, I'm trying to use Toasts in my app. Got everything installed primeng, primeicons.
Also imported Toastmodule in my module and used MessageService in my component to display toasts.

But I cant make it work, I get this error:

ERROR Error: Uncaught (in promise): NullInjectorError: StaticInjectorError(AppModule)[RegistroComponent -> MessageService]:
StaticInjectorError(Platform: core)[RegistroComponent -> MessageService]:
NullInjectorError: No provider for MessageService!

importing as: import { MessageService } from "primeng/api";

constructor:

Code: Select all

  constructor(
    public messageService: MessageService
  ) {}

usage:

Code: Select all

this.messageService.add({
              severity: "success",
              summary: "Service Message",
              detail: "Via MessageService"
            });

I don't understand why this is happening, any help appreciated!

[voluu]

Hi,

check the documentation: https://www.primefaces.org/primeng/#/toast


You forgot about `providers: [MessageService]`:

Code: Select all

@Component({
  selector: 'app-component',
  templateUrl: './app-component.html',
  styleUrls: ['./app-component.scss'],
  providers: [MessageService]
})

[Darshan RL]

Hi all, I was facing the same issue finally resolved the issue by adding "providers: [MessageService]" in component decorator. But this was mentioned in the documentation steps. I'd to come here to find solution for it.