Errors after migrating to angular-redux2

[NayamAmarshe]

I installed this library and upgraded to Angular 12 but it shows these errors. Any idea how to fix it?

ERROR LOG

./node_modules/@angular-redux2/store/fesm2015/angular-redux2-store.mjs:10:0-53 - Error: Module not found: Error: Can't resolve 'broadcast-channel' in '/home/feenix/Public/ahub-portal/node_modules/@angular-redux2/store/fesm2015'

./node_modules/@angular-redux2/store/fesm2015/angular-redux2-store.mjs:406:55-58 - Error: export 'map' (imported as 'map') was not found in 'rxjs' (possible exports: ArgumentOutOfRangeError, AsyncSubject, BehaviorSubject, ConnectableObservable, EMPTY, EmptyError, NEVER, NotFoundError, Notification, NotificationKind, ObjectUnsubscribedError, Observable, ReplaySubject, Scheduler, SequenceError, Subject, Subscriber, Subscription, TimeoutError, UnsubscriptionError, VirtualAction, VirtualTimeScheduler, animationFrame, animationFrameScheduler, animationFrames, asap, asapScheduler, async, asyncScheduler, bindCallback, bindNodeCallback, combineLatest, concat, config, connectable, defer, empty, firstValueFrom, forkJoin, from, fromEvent, fromEventPattern, generate, identity, iif, interval, isObservable, lastValueFrom, merge, never, noop, observable, of, onErrorResumeNext, pairs, partition, pipe, queue, queueScheduler, race, range, scheduled, throwError, timer, using, zip)

./node_modules/@angular-redux2/store/fesm2015/angular-redux2-store.mjs:406:80-100 - Error: export 'distinctUntilChanged' (imported as 'distinctUntilChanged') was not found in 'rxjs' (possible exports: ArgumentOutOfRangeError, AsyncSubject, BehaviorSubject, ConnectableObservable, EMPTY, EmptyError, NEVER, NotFoundError, Notification, NotificationKind, ObjectUnsubscribedError, Observable, ReplaySubject, Scheduler, SequenceError, Subject, Subscriber, Subscription, TimeoutError, UnsubscriptionError, VirtualAction, VirtualTimeScheduler, animationFrame, animationFrameScheduler, animationFrames, asap, asapScheduler, async, asyncScheduler, bindCallback, bindNodeCallback, combineLatest, concat, config, connectable, defer, empty, firstValueFrom, forkJoin, from, fromEvent, fromEventPattern, generate, identity, iif, interval, isObservable, lastValueFrom, merge, never, noop, observable, of, onErrorResumeNext, pairs, partition, pipe, queue, queueScheduler, race, range, scheduled, throwError, timer, using, zip)

./node_modules/@angular-redux2/store/fesm2015/angular-redux2-store.mjs:595:31-51 - Error: export 'distinctUntilChanged' (imported as 'distinctUntilChanged') was not found in 'rxjs' (possible exports: ArgumentOutOfRangeError, AsyncSubject, BehaviorSubject, ConnectableObservable, EMPTY, EmptyError, NEVER, NotFoundError, Notification, NotificationKind, ObjectUnsubscribedError, Observable, ReplaySubject, Scheduler, SequenceError, Subject, Subscriber, Subscription, TimeoutError, UnsubscriptionError, VirtualAction, VirtualTimeScheduler, animationFrame, animationFrameScheduler, animationFrames, asap, asapScheduler, async, asyncScheduler, bindCallback, bindNodeCallback, combineLatest, concat, config, connectable, defer, empty, firstValueFrom, forkJoin, from, fromEvent, fromEventPattern, generate, identity, iif, interval, isObservable, lastValueFrom, merge, never, noop, observable, of, onErrorResumeNext, pairs, partition, pipe, queue, queueScheduler, race, range, scheduled, throwError, timer, using, zip)

./node_modules/@angular-redux2/store/fesm2015/angular-redux2-store.mjs:595:55-58 - Error: export 'map' (imported as 'map') was not found in 'rxjs' (possible exports: ArgumentOutOfRangeError, AsyncSubject, BehaviorSubject, ConnectableObservable, EMPTY, EmptyError, NEVER, NotFoundError, Notification, NotificationKind, ObjectUnsubscribedError, Observable, ReplaySubject, Scheduler, SequenceError, Subject, Subscriber, Subscription, TimeoutError, UnsubscriptionError, VirtualAction, VirtualTimeScheduler, animationFrame, animationFrameScheduler, animationFrames, asap, asapScheduler, async, asyncScheduler, bindCallback, bindNodeCallback, combineLatest, concat, config, connectable, defer, empty, firstValueFrom, forkJoin, from, fromEvent, fromEventPattern, generate, identity, iif, interval, isObservable, lastValueFrom, merge, never, noop, observable, of, onErrorResumeNext, pairs, partition, pipe, queue, queueScheduler, race, range, scheduled, throwError, timer, using, zip)

./node_modules/@angular-redux2/store/fesm2015/angular-redux2-store.mjs:595:80-100 - Error: export 'distinctUntilChanged' (imported as 'distinctUntilChanged') was not found in 'rxjs' (possible exports: ArgumentOutOfRangeError, AsyncSubject, BehaviorSubject, ConnectableObservable, EMPTY, EmptyError, NEVER, NotFoundError, Notification, NotificationKind, ObjectUnsubscribedError, Observable, ReplaySubject, Scheduler, SequenceError, Subject, Subscriber, Subscription, TimeoutError, UnsubscriptionError, VirtualAction, VirtualTimeScheduler, animationFrame, animationFrameScheduler, animationFrames, asap, asapScheduler, async, asyncScheduler, bindCallback, bindNodeCallback, combineLatest, concat, config, connectable, defer, empty, firstValueFrom, forkJoin, from, fromEvent, fromEventPattern, generate, identity, iif, interval, isObservable, lastValueFrom, merge, never, noop, observable, of, onErrorResumeNext, pairs, partition, pipe, queue, queueScheduler, race, range, scheduled, throwError, timer, using, zip)

./node_modules/@angular-redux2/store/fesm2015/angular-redux2-store.mjs:1371:9-29 - Error: export 'distinctUntilChanged' (imported as 'distinctUntilChanged') was not found in 'rxjs' (possible exports: ArgumentOutOfRangeError, AsyncSubject, BehaviorSubject, ConnectableObservable, EMPTY, EmptyError, NEVER, NotFoundError, Notification, NotificationKind, ObjectUnsubscribedError, Observable, ReplaySubject, Scheduler, SequenceError, Subject, Subscriber, Subscription, TimeoutError, UnsubscriptionError, VirtualAction, VirtualTimeScheduler, animationFrame, animationFrameScheduler, animationFrames, asap, asapScheduler, async, asyncScheduler, bindCallback, bindNodeCallback, combineLatest, concat, config, connectable, defer, empty, firstValueFrom, forkJoin, from, fromEvent, fromEventPattern, generate, identity, iif, interval, isObservable, lastValueFrom, merge, never, noop, observable, of, onErrorResumeNext, pairs, partition, pipe, queue, queueScheduler, race, range, scheduled, throwError, timer, using, zip)

Error: src/app/modules/routes/library-publishing/datasets/dataset/dataset-categories-tab/category-tree/category-tree.component.ts:53:10 - error TS2305: Module '"rxjs/internal/observable/ConnectableObservable"' has no exported member 'connectableObservableDescriptor'.

53 import { connectableObservableDescriptor } from "rxjs/internal/observable/ConnectableObservable";
            ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


Error: src/app/modules/routes/library-publishing/exporters/exporter/exporter-mapping-tab/exporter-blueprint-tree/exporter-blueprint-tree.component.ts:370:44 - error TS2341: Property '_flattenedData' is private and only accessible within class 'MatTreeFlatDataSource<T, F, K>'.

370       const nodeToExpand = this.dataSource._flattenedData
                                               ~~~~~~~~~~~~~~




** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **

MY DEPENDENCIES

"dependencies": {
		"@agentepsilon/decko": "^2.0.1",
		"@angular-redux2/store": "^4.0.4",
		"@angular/animations": "^12.2.17",
		"@angular/cdk": "^12.2.13",
		"@angular/common": "^12.2.17",
		"@angular/compiler": "^12.2.17",
		"@angular/core": "^12.2.17",
		"@angular/forms": "^12.2.17",
		"@angular/localize": "^12.2.17",
		"@angular/material": "^12.2.13",
		"@angular/material-moment-adapter": "^12.2.13",
		"@angular/platform-browser": "^12.2.17",
		"@angular/platform-browser-dynamic": "^12.2.17",
		"@angular/router": "^12.2.17",
		"@google/model-viewer": "^1.6.0",
		"@types/node": "^14.14.41",
		"@types/prettier": "^2.2.3",
		"ag-grid-angular": "^25.1.0",
		"ag-grid-community": "^25.1.0",
		"bootstrap-icons": "^1.5.0",
		"chart.js": "^2.9.4",
		"core-js": "^2.6.12",
		"crypto-js": "^4.0.0",
		"file-saver": "^2.0.5",
		"jwt-decode": "^3.1.2",
		"latest": "^0.2.0",
		"lodash": "^4.17.21",
		"moment": "^2.29.1",
		"ng2-charts": "^2.4.2",
		"ngx-clipboard": "~14.0.1",
		"ngx-cookie-service": "11.0.2",
		"ngx-infinite-scroll": "~10.0.1",
		"path": "^0.12.7",
		"redux": "^4.2.1",
		"redux-devtools-extension": "^2.13.8",
		"redux-observable": "^1.2.0",
		"rxjs": "^7.0.1",
		"stream": "0.0.2",
		"swagger-ui-dist": "^3.47.1",
		"timers": "^0.1.1",
		"ts-helpers": "1.1.2",
		"tslib": "^2.3.1",
		"url-polyfill": "^1.1.12",
		"url-search-params-polyfill": "^8.1.1",
		"zone.js": "~0.11.4"
	},
	"devDependencies": {
		"@angular-devkit/build-angular": "^12.2.18",
		"@angular-devkit/build-optimizer": "^0.1102.10",
		"@angular-eslint/builder": "12.7.0",
		"@angular-eslint/eslint-plugin": "12.7.0",
		"@angular-eslint/eslint-plugin-template": "12.7.0",
		"@angular-eslint/schematics": "12.7.0",
		"@angular-eslint/template-parser": "12.7.0",
		"@angular/cli": "^12.2.18",
		"@angular/compiler-cli": "^12.2.17",
		"@types/crypto-js": "4.0.1",
		"@types/file-saver": "^2.0.2",
		"@types/jasmine": "^3.6.9",
		"@types/jasminewd2": "^2.0.8",
		"@types/lodash": "4.14.168",
		"@typescript-eslint/eslint-plugin": "4.28.2",
		"@typescript-eslint/parser": "4.28.2",
		"codelyzer": "^6.0.1",
		"eslint": "^7.26.0",
		"husky": "^8.0.1",
		"jasmine-core": "~3.6.0",
		"jasmine-spec-reporter": "~6.0.0",
		"karma": "^6.1.2",
		"karma-chrome-launcher": "~3.1.0",
		"karma-coverage-istanbul-reporter": "~3.0.3",
		"karma-jasmine": "~4.0.1",
		"karma-jasmine-html-reporter": "^1.5.4",
		"prettier": "^2.7.1",
		"pretty-quick": "^3.1.3",
		"protractor": "~7.0.0",
		"source-map-explorer": "^2.5.2",
		"stylelint": "^13.11.0",
		"stylelint-config-recommended": "^3.0.0",
		"ts-node": "^9.1.1",
		"tslint": "~6.1.0",
		"typescript": "~4.3.5"
	},

[Garefild]

Yo, I need more information:

Environment

NodeJS Version:
Typescript Version:
Angular Version:
@angular-redux/store version: (the old one that was installed)
@angular/cli version: (if applicable)
OS:

FIY angular version is 15.2.3, and I don't remember if version 4.0.4 of angular-redux was tested in angular version 12.
I will perform the test tomorrow.

[congdinh2008]

Yo, I need more information:

Environment

NodeJS Version: Typescript Version: Angular Version: @angular-redux/store version: (the old one that was installed) @angular/cli version: (if applicable) OS:

FYI angular version is 15.2.3, and I don't remember if version 4.0.4 of angular-redux was tested in angular version 12. I will perform the test tomorrow.

I have same issue with Angular 12
NodeJS Version: 16.16
Typescript Version: 4.3.5
Angular Version: 12
@angular-redux/store version: 4.0.4
@angular/cli version: 12.2.18

All issues from Rxjs.
What version of Rxjs did you use to test?

[congdinh2008]

I fixed most of it by updating RXJS to version 7.5. But still error ReplaySubject cannot import from 'rxjs'

[NayamAmarshe]

I upgraded to Angular 14 and it required me to update several other packages as well. Seems to be working fine. Had to remove node_modules folder multiple times and reinstall packages but it seemed to work fine in the end.

[NayamAmarshe]

I fixed most of it by updating RXJS to version 7.5. But still error ReplaySubject cannot import from 'rxjs'

https://gist.github.com/LayZeeDK/c822cc812f75bb07b7c55d07ba2719b3

[Garefild]

Yo, I need more information:

Environment

NodeJS Version: Typescript Version: Angular Version: @angular-redux/store version: (the old one that was installed) @angular/cli version: (if applicable) OS:
FYI angular version is 15.2.3, and I don't remember if version 4.0.4 of angular-redux was tested in angular version 12. I will perform the test tomorrow.

I have same issue with Angular 12 NodeJS Version: 16.16 Typescript Version: 4.3.5 Angular Version: 12 @angular-redux/store version: 4.0.4 @angular/cli version: 12.2.18

All issues from Rxjs. What version of Rxjs did you use to test?

Yepp I know it's Rxjs rxjs is bundled with angular so based on the angular version i will make an installation version.
I think 14 +

[Garefild]

I fixed most of it by updating RXJS to version 7.5. But still error ReplaySubject cannot import from 'rxjs'

Ok, I will work on it now to see what update I can perform to support angular 12 +