service.function is not a function in Angular 19 with Ionic (Capacitor)

    notificationService = inject(NotificationService);    
    async signin() {
            if (this.loginForm.valid) {
              this.isLoading.set(true);
        
              const { isGranted, canRequest } =
                await this.notificationService.checkPermission();
        
              try {
                if (!isGranted && canRequest) {
                  this.isNotificationModalOpen.set(true);
                  const granted =
                    await this.notificationService.requestNotificationPermission();
                  if (!granted) {
                    // User denied notifications, proceed with login without token
                    await this.proceedWithLogin();
                    return;
                  }
                }
        
                // Get FCM token if permission is granted
                const fcmToken = await this.notificationService.getToken();
                await this.proceedWithLogin(fcmToken);
              } catch (error) {
                console.error('Error during login:', error);
                this.isLoading.set(false);
              }
            }
        }

     public async checkPermission(): Promise<{
        isGranted: boolean;
        canRequest: boolean;
      }> {
        if (this.isNative) {
          const permStatus = await PushNotifications.checkPermissions();
          return {
            isGranted: permStatus.receive === 'granted',
            canRequest: permStatus.receive === 'prompt',
          };
        } else {
          if (!('Notification' in window)) {
            return { isGranted: false, canRequest: false };
          }
    
          const permission = Notification.permission;
          return {
            isGranted: permission === 'granted',
            canRequest: permission === 'default',
          };
        }
      }