unable to install in angular 14

[rkdevstack]

I tired with
npm i @abacritt/angularx-social-login:1

npm i @abacritt/angularx-social-login@1.0.0
npm i @abacritt/angularx-social-login:1.3.0
npm i @abacritt/angularx-social-login

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: wasp-tek@0.2
npm ERR! Found: @angular/common@14.3.0
npm ERR! node_modules/@angular/common
npm ERR! @angular/common@"^14.1.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/common@">=16.0.0" from @abacritt/angularx-social-login@2.1.0
npm ERR! node_modules/@abacritt/angularx-social-login
npm ERR! @abacritt/angularx-social-login@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See /Users/rockybhai/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR! /Users/rockybhai/.npm/_logs/2023-05-16T17_58_28_908Z-debug-0.log

[nttruong21]

try

• npm uninstall @abacritt/angularx-social-login
• npm i @abacritt/angularx-social-login@1.2.5 // if error try v1.2.3

[justincastlight]

@nttruong21 I had a similar issue while installing angularx-social-login on Angular 14. My project is running on Angular 14, as per doc For angular 13,14 and 15 we should use @abacritt/angularx-social-login:1 | 13, 14, 15. I tried installing versions 1.3.0 and 1.3.2, it's throwing a dependency error.

npm ERR! Could not resolve dependency:
npm ERR! peer @angular/common@">=15.0.0" from @abacritt/angularx-social-login@1.3.1

When I installed 1.2.6 it is successful but in run time it's giving some rxjs error, i believe because some operator imports are changed in the latest rxjs

/node_modules/@abacritt/angularx-social-login/fesm2020/abacritt-angularx-social-login.mjs:42:27-31 - Error: export 'skip' (imported as 'skip') 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/@abacritt/angularx-social-login/fesm2020/abacritt-angularx-social-login.mjs:61:34-40 - 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)

./node_modules/@abacritt/angularx-social-login/fesm2020/abacritt-angularx-social-login.mjs:117:39-43 - Error: export 'take' (imported as 'take') 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)

Following is the code I added to app.module.ts for adding the provider

    {
      provide: 'SocialAuthServiceConfig',
      useValue: {
        autoLogin: true, //keeps the user signed in
        providers: [
          {
            id: GoogleLoginProvider.PROVIDER_ID,
            provider: new GoogleLoginProvider('client-id') // your client id
          }
        ]
      }
    },

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.