Angular使用ToastrModule提示success属性不存在报错如何解决

你在组件中错误将ToastrModule模块类作为服务注入，而success等消息提示方法是ToastrService服务的实例方法，模块本身不提供这类调用方法，因此编译时会抛出属性不存在的错误。

• 第一步：修改register.component.ts的导入语句，替换导入对象为服务类：

// 错误写法
// import { ToastrModule } from 'ngx-toastr';
// 正确写法
import { ToastrService } from 'ngx-toastr';

• 第二步：修改构造函数的注入参数类型：

// 错误写法
// constructor(private toastr:ToastrModule) { }
// 正确写法
constructor(private toastr: ToastrService) { }

• 可选优化：调用success方法时建议传入完整参数，避免空提示：

// 示例：第一个参数为提示内容，第二个参数为提示标题
this.toastr.success('用户注册成功', '操作提示');

注：你之前在app.module.ts中配置的ToastrModule.forRoot()是正确的，无需修改。

内容的提问来源于stack exchange，提问作者Ali Hasan