首页 > 解决方案 > Angular ERROR ReferenceError: toastr is not defined

问题描述

我已将 toastr 样式和脚本正确导入到 angular.json 文件中,但出现参考错误。

declare let toastr;

@Component({
  selector: 'app-events-list',
  template: `
  <div>
    <h1>Upcoming Angular Events</h1>
    <hr />
    <div class="row">
      <div *ngFor="let event of events" class="col-md-5">
        <app-event-thumbnail (click)="handleThumbnailClick(event.name)" [event]="event"></app-event-thumbnail>
      </div>
    </div>
  </div>
  `,
  styleUrls: ['./events-list.component.css']
})
  handleThumbnailClick(eventName) {
    toastr.success(eventName);
  }
}

标签: angular-services

解决方案


由于您正在更新angular.json文件,因此您需要确保重新启动服务器,而不是让它实时更新(如果它已经在运行)。


推荐阅读