title: msal acquireTokenSilent fails with Silent authentication was denied
body: <p>I'm using msal-angular and I cant use MsalInterceptor since it handles each and every request while I would like it to handle only graph requests.
  Therefore I'm trying to acquire a token by myself in my application.</p>
  <p>I'm doing this like this:
  configuration of MsalModule</p>
  <pre><code>MsalModule.forRoot({
    auth: {
      clientId: 'xxxxxx',
      authority: 'https://login.microsoftonline.com/common',
      redirectUri: 'my_url',
    },
    cache: {
      cacheLocation: 'localStorage',
      storeAuthStateInCookie: false, // set to true for IE 11
    },
  },
    {
      popUp: true,
      consentScopes:[
        'user.read',
        &quot;calendars.read&quot;,
        &quot;calendars.read.shared&quot;,
        &quot;calendars.readwrite&quot;,
        &quot;group.read.all&quot;,
        &quot;openid&quot;,
        &quot;profile&quot;
      ],
    }),
  </code></pre>
  <p>I'm doing a login like this:</p>
  <pre><code>this.msalService.loginPopup({scopes: [
    'user.read',
    &quot;calendars.read&quot;,
    &quot;calendars.read.shared&quot;,
    &quot;calendars.readwrite&quot;,
    &quot;group.read.all&quot;,
    &quot;openid&quot;,
    &quot;profile&quot;
  ]})
  </code></pre>
  <p>I'm intercepting the login succes like this</p>
  <pre><code>this.broadcastService.subscribe('msal:loginSuccess' ...
  </code></pre>
  <p>and I'm trying to get a token like this</p>
  <pre><code>const result: AuthResponse = await this.msalService.acquireTokenSilent({scopes: [
    'user.read',
    &quot;calendars.read&quot;,
    &quot;calendars.read.shared&quot;,
    &quot;calendars.readwrite&quot;,
    &quot;group.read.all&quot;,
    &quot;openid&quot;,
    &quot;profile&quot;
  ]}).catch((error) =&gt; {
    console.log(error);
  });
  </code></pre>
  <p>and I'm still getting this error: <strong>Silent authentication was denied. The user must first sign in and if needed grant the client application access to the scope 'user.read calendars.read calendars.read.shared calendars.readwrite group.read.all openid profile'.</strong></p>
  <p>here is my app configuration on Azure portal</p>
  <p><a href="https://i.stack.imgur.com/9B3Rt.png" rel="noreferrer"><img src="https://i.stack.imgur.com/9B3Rt.png" alt="enter image description here" /></a></p>
  <p>I really don't understand where does the problem come from.</p>
  <p>Thanks for your help</p>
  <p>[EDIT]
  I've been able to get an access token by calling acquireTokenPopup when acquireTokenSilent fails like this</p>
  <pre><code>const result: AuthResponse = await this.msalService.acquireTokenSilent({
    scopes: [
      'user.read',
      &quot;calendars.read&quot;,
      &quot;calendars.read.shared&quot;,
      &quot;calendars.readwrite&quot;,
      &quot;group.read.all&quot;,
      &quot;openid&quot;,
      &quot;profile&quot;
    ]
  }).catch((error) =&gt; {
    if (error.name === &quot;InteractionRequiredAuthError&quot;) {
      return this.msalService.acquireTokenPopup({
        scopes: [
          'user.read',
          &quot;calendars.read&quot;,
          &quot;calendars.read.shared&quot;,
          &quot;calendars.readwrite&quot;,
          &quot;group.read.all&quot;,
          &quot;openid&quot;,
          &quot;profile&quot;
        ]
      })
    }
  });
  
  return result.accessToken;
  </code></pre>
  <p>}</p>
  <p>It works but keeps flasing a popup.
  Could someone explain me the reason ?</p>
  <p>Thank you</p>