Ionic 4 capacitor storage get not working properly

Ionic Framework
1

Recently I moved from Cordova to capacitor storage API. And I am having a very strange issue. At page1 I am setting 4 values to local storage, but when I access these values on another page, one value is getting displayed as null.

I tried many approaches but value user_id is always null.

I made sure value is getting stored in local storage.

I am also attaching images of console.log after setting and retrieving values from local storage

storage.service.ts

async set(key: string, value: any): Promise<any> {


    if(value == null || value == undefined) {
      console.log("dont'do")
    }
    else {

      try { 
        await Storage.set({
          key: key,
          value: value
        });

        return true;
      } catch (reason) {
          console.log(reason);
          return false;
      }
    }

  }
  // to get a key/value pair
  async get(key: string): Promise<any> {
  try {

    const result = await Storage.get({ key: key });
    console.log('storageGET: ' + key + ': ' + result.value);
    if (result != null) {
    return result.value;
    }
    else {
      console.log("null from service")
      return null;
    }

  } catch (reason) {
  console.log(reason);
  return null;
  }
  }

page1.ts

         this.storageService.set('user_id',data[i].id ).then(val => console.log(val))
         this.storageService.set('email', data[i].email).then(val => console.log(val))

         this.storageService.set('phone_number', data[i].mobile_no).then(val => console.log(val))
         this.storageService.set('firebase_uid', data[i].firebase_uid).then(val => console.log(val))

page2.ts

   this.storageService.get('user_id').then(val => console.log(val))
    this.storageService.get('email').then(val => console.log(val))
    this.storageService.get('phone_number').then(val => console.log(val))
    this.storageService.get('firebase_uid').then(val => console.log(val))
2

For everyone who needs it, unlike Cordova capacitor get API doesn’t support numbers. So you have to convert it into string while setting into the storage only using JSON.stringify(value)

example :

await Storage.set({
      key: 'ke'y,
      value: JSON.stringify(value)
    });
3

Here’s another reason to dump on top of the many outlined in this StackOverflow post why PLEASE don’t post textual information as images: moderators can’t save you from yourselves by simply redacting the personal information you post, because images don’t present as editable. All I can do is blast the entire image.

1 Like