Question

无法编译。

./ node_modules / ng2-toastr / src / toast-manager.js找不到模块：错误：无法解析“ rxjs / Subject” '/ Users / siva / Desktop / Angular / chatApp / node_modules / ng2-toastr / src'

我在Angular 6版本中使用ng2-toastr。当我运行应用程序时，页面显示上述错误。我导入后正确声明了所有内容

这是代码

import { Component, OnInit , ViewContainerRef } from '@angular/core';
import { AppService } from './../../app.service';
import { Routes, Router } from '@angular/router';
import { ToastsManager } from 'ng2-toastr/ng2-toastr';

@Component({
  selector: 'app-signup',
  templateUrl: './signup.component.html',
  styleUrls: ['./signup.component.css']
})
export class SignupComponent implements OnInit {

  public firstName: any;
  public lastName: any;
  public mobile: any;
  public email: any;
  public password: any;
  public apiKey: any;



  constructor(
    public appService: AppService,
    public router: Router,
    private toastr: ToastsManager,
    vcr: ViewContainerRef
  ) { }

Answer 1

您必须将ng2-toastr替换为ngx-toastr

步骤https://www.youtube.com/watch?v=YfSvMzUK8BI

您可以跳过开始并从7分钟开始

Answer 2

步骤（假设您使用的是 Angular 6）：

将 ngx-toastr 更改为 8.10.2 并将版本设置为 npm install。
运行 ng2-toastr.min.css 下载软件包
假设您要在 app.scss 或 angular.json 中的某处导入 @import '~ngx-toastr/toastr.css';，请改为导入：ToastsManager
将 ToastrService 替换为 ngx-toastr，从 import { ToastrService } from 'ngx-toastr'; 导入：

ToastModule

将 ToastrModule 替换为 app.module.ts（很可能是您将其导入到您的 import { ToastrModule } from 'ngx-toastr'; 文件中：

toastr.setRootViewContainerRef

如果您在代码中的任何位置调用 ng2-toastr，可以将其删除，因为不再需要它。

希望这应该能解决它，假设您没有以复杂的方式使用 export function useCulture(): [string, boolean] { let result:[string, boolean] = [null, null] useEffect(() => { const { valid, culture } = validateCulture(); result = [culture, valid]; }, [Router?.router?.asPath]); console.log(result); return result; };。

如果您仍然遇到问题，请观看 Mayeed's answer 中的视频。如果您遇到其他问题，还可以在此页面上找到其他详细信息：https://www.npmjs.com/package/ngx-toastr/v/8.10.2

来源：Mayeed's answer 中链接的视频。

在Angular6中使用ng2-toastr {ToastsManager}

2 个答案: