node_modules / ng2-toastr / src / toast-container.component.d.ts（1,48）中的错误：TS2305- / node_modules / @ angular / core / core“'没有导出的成员

Question

我有最新版本的"rxjs": "^6.0.0" 和@angular/cli": "~6.0.8" 当我运行ng serve我收到以下编译错误-

ERROR in node_modules/ng2-toastr/src/toast-container.component.d.ts(1,48): 
 /node_modules/@angular/core/core"' has no exported member'AnimationTransitionEvent'.

imported toastermodule in the below format in my app.module.ts
import {ToastrModule} from 'ngx-toastr';

也收到以下错误

error TS2305: Module '"C:/Users/user1/Sublime Text 3/NodeJS/groupchat-application/node_modules/rxjs/Observable"' has no exported member 'Observable'.
node_modules/rxjs/Observable.d.ts(1,15): error TS2307: Cannot find module 'rxjs-compat/Observable'.
imported as below in  My service.ts
import { Observable, of} from "rxjs"; 

请指导如何进行

Answer 1

您使用 "rxjs": "^6.0.0" 和 ng2-toastr: 使用低于 6.0.0 的 rxjs，因此存在兼容性问题。您有两个选项可以使用：

1. rxjs与rxjs 6.0.0兼容

2. 否则使用ngx-toasta [链接]

编辑：由于 angular 的更新及其依赖性不同步，如果您使用的是 angular material 6+，那么您可以选择 @angular/material Snackbar，它与最新版本的 Angular 更好地兼容。

Answer 2

Use **ngx-toastr**

**steps to follow**

Install dependencies 

1)npm install ngx-toastr --save
2)npm install @angular/animations --save

3)Add CSS to your angular.json file
"styles": [
  "styles.scss",
  "node_modules/ngx-toastr/toastr.css" // try adding '../' if you're using angular cli before 6
]

4)Add toastr module to your app.module.ts
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { ToastrModule } from 'ngx-toastr';

@NgModule({
  imports: [BrowserAnimationsModule,
    ToastrModule.forRoot() 
})

5) Add toastr service to your desired component 

import { ToastrService } from 'ngx-toastr';

@Component({...})
export class YourComponent {
  constructor(private toastr: ToastrService) {}

  showSuccess() {
    this.toastr.success('Hello world!', 'Toastr fun!');
  }
}