PrimeNG 15 does not build with RxJS 6

[cetincakiroglu]

PrimeNG 15's package.json says it works with RxJS "^6.0.0 || ^7.5.0", but when I try to build my project with RxJS 6.6.7, it fails with the following compiler errors because primeng-menubar.mjs is importing RxJS operators in a way that only works with RxJS 7:

./node_modules/primeng/fesm2020/primeng-menubar.mjs:467:46-54 - Error: export 'debounce' (imported as 'debounce') was not found in 'rxjs' (possible exports: ArgumentOutOfRangeError, AsyncSubject, BehaviorSubject, ConnectableObservable, EMPTY, EmptyError, GroupedObservable, NEVER, Notification, NotificationKind, ObjectUnsubscribedError, Observable, ReplaySubject, Scheduler, Subject, Subscriber, Subscription, TimeoutError, UnsubscriptionError, VirtualAction, VirtualTimeScheduler, animationFrame, animationFrameScheduler, asap, asapScheduler, async, asyncScheduler, bindCallback, bindNodeCallback, combineLatest, concat, config, defer, empty, forkJoin, from, fromEvent, fromEventPattern, generate, identity, iif, interval, isObservable, merge, never, noop, observable, of, onErrorResumeNext, pairs, partition, pipe, queue, queueScheduler, race, range, scheduled, throwError, timer, using, zip)

./node_modules/primeng/fesm2020/primeng-menubar.mjs:467:92-98 - Error: export 'filter' (imported as 'filter') was not found in 'rxjs' (possible exports: ArgumentOutOfRangeError, AsyncSubject, BehaviorSubject, ConnectableObservable, EMPTY, EmptyError, GroupedObservable, NEVER, Notification, NotificationKind, ObjectUnsubscribedError, Observable, ReplaySubject, Scheduler, Subject, Subscriber, Subscription, TimeoutError, UnsubscriptionError, VirtualAction, VirtualTimeScheduler, animationFrame, animationFrameScheduler, asap, asapScheduler, async, asyncScheduler, bindCallback, bindNodeCallback, combineLatest, concat, config, defer, empty, forkJoin, from, fromEvent, fromEventPattern, generate, identity, iif, interval, isObservable, merge, never, noop, observable, of, onErrorResumeNext, pairs, partition, pipe, queue, queueScheduler, race, range, scheduled, throwError, timer, using, zip)

If I hack on primeng-menubar.mjs and change these imports:

import { Subject, debounce, interval, filter } from 'rxjs';

to this:

import { Subject, interval } from 'rxjs';
import { debounce, filter } from 'rxjs/operators';
it compiles ok.

Either package.json should declare a hard requirement for RxJS 7 or primeng-menubar.mjs should import RxJS operators in a backwards compatible manner.

[Vittor10]

Hello @cetincakiroglu ,
I try to change the code in mjs file's, in the way below

import { Subject, interval } from 'rxjs';

import { debounce, filter } from 'rxjs/operators';

But the build gives me always the same error.
Is the only solution updating the version of rxjs to 7.x.x?
What do you mean with hack on primeng-menubar.mjs?

[omarfarukpial]

I had same problem, and it resolved by using "rxjs": "^7.4.0". If still gives the problem then please delete node module and package-lock and npm install again.