無法在Angular 5中顯示Toast消息

Question

嗨，我正在Angular 5中開發Web應用程序。我正在嘗試使用https://www.npmjs.com/package/ngx-toastr在Angular 5中顯示Toast消息。 我已經下載了所需的npm模塊並將CSS復制到資產文件夾。 我也加了

從'ngx-toastr'導入{ToastrModule};

在app.component.ts中。

我正在嘗試將吐司消息顯示為

this.toastr.success（'Hello world！'，'Toastr fun！'）;

運行解決方案時，出現以下錯誤。

當我運行npm install時，出現以下警告，

有人可以幫我解決這個問題嗎？ 任何幫助，將不勝感激。 謝謝。

Answer 1

請確保您導入ToastrModule在app.module.ts

import {ToastrModule} from 'ngx-toastr';

在您的組件中，您需要導入提供程序

import { ToastrService } from 'ngx-toastr';

構造函數中的注入器為DI

constructor(public toastr: ToastrService) {}

您可以將其調用為

this.toastr.success(message, 'Success!');

編輯

您需要移至angular6才能使其正常工作。 在here檢查相關問題