Используя ng2-toastr {ToastsManager} в Angular6

Не удалось скомпилировать.

./node_modules/ng2-toastr/src/toast-manager.js Module not found: Error: Can't resolve 'rxjs/Subject' in '/Users/siva/Desktop/Angular/chatApp/node_modules/ng2-toastr/src'

Я использую ng2-toastr в версии angular 6. когда я запускаю приложение, на странице отображается ошибка выше. и я правильно импортировал все объявленные вещи

Это код

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
  ) { }

Пожалуйста, поделитесь своим реальным кодом

— 05.10.2018 08:51

У меня аналогичная проблема с ng2-toastr. Похоже, что изменения, связанные с Angular 6, не отражены в ng2-toastr. Все еще пытаюсь решить эту проблему

— 26.10.2018 19:29

angular rxjs angular6 toastr

05.10.2018 08:49

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Angular и React для вашего проекта веб-разработки?

Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...

Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf

Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.

Угловой продивер

Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.

Мое недавнее углубление в Angular

Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...

Освоение Observables и Subjects в Rxjs:

Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular

2 044

Ответы 2

Вы должны заменить ng2-toastr на ngx-toastr

Шаги представлены здесь https://thewikihow.com/video_YfSvMzUK8BI

Вы можете пропустить начало и начать с 7 мин.

26.10.2018 19:55

Шаги (при условии, что вы используете Angular 6):

Измените ng2-toastr на 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 сложным образом.

Если проблема не исчезнет, посмотрите видео в Ответ Майида. Дополнительные сведения также доступны на этой странице, если вы столкнетесь с другими проблемами: https://www.npmjs.com/package/ngx-toastr/v/8.10.2

Источник: видео, ссылка на которое есть в Ответ Майида.

26.05.2021 01:12