title: Ionic storage not working in chrome browser
body: <p>I am new to Ionic app development and I have been following tutorials for the same.</p>
  
  <p>I have been trying to use <code>IonicStorageModule</code> but even though there are no errors while running the app in chrome browser mobile view mode, local storage keys are not being generated.</p>
  
  <p>In my <code>app.module.ts</code>, I have</p>
  
  <pre><code>import { IonicStorageModule } from '@ionic/storage';
  </code></pre>
  
  <p>Then I have the following import in <code>imports</code> array,</p>
  
  <pre><code>  imports: [
      BrowserModule,
      HttpModule,
      IonicModule.forRoot(MyApp),
      IonicStorageModule.forRoot()
    ],
  </code></pre>
  
  <p>Now, I created a service, named <code>user-settings.service.ts</code>,</p>
  
  <pre><code>import { Injectable } from '@angular/core';
  import { Storage } from '@ionic/storage';
  
  @Injectable()
  export class UserSettings {
      constructor(private storage:Storage){}
  
      favoriteTeam(team,tournamentId, tournamentName) {
          debugger;
          let item = { team: team,tournamentId : tournamentId, tournamentName : tournamentName};
          this.storage.set('teamId' , item);
      }
  
      unFavoriteTeam(team) {
          this.storage.remove(team.id);
      }
  
      isFavoriteTeam(team) {
          return this.storage.get(team.id).then(value =&gt; value ? true : false);
      }
  }
  </code></pre>
  
  <p>And from my component, class, when I do..</p>
  
  <pre><code>}else {
    this.isFollowing = true;
    this.userSettings.favoriteTeam(this.team,this.currentTournamentData.tournament.id,this.currentTournamentData.tournament.name);
  }
  </code></pre>
  
  <p>Even though service, is being hit, I cannot see <code>local stoarge</code> keys being created in chrome <code>application -&gt; storage -&gt; local storage.</code></p>
  
  <p>What am I doing wrong ?</p>