Войдите с помощью linkedin и получите информацию о пользователе в Angular2

Я новичок в Angular2, я хочу интегрировать связанные функции входа в систему и получить текущую информацию о пользователе для моего проекта Angular2.

Я создал приложение с использованием связанной учетной записи разработчика и имею ID клиента и Client Secret и попробовал приведенный ниже код, но это дает мне ошибку

ZoneAwareError {__zone_symbol__error: Ошибка: необходимо указать действительный домен JavaScript API как часть конфигурации этого ключа. в хт……}

Я пробовал оба способа объявления ключа API с использованием двойных кавычек (api_key: "81zbsc62i53h5x" и без него (api_key: 81zbsc62i53h5x), но возникает та же ошибка.

Включенный ниже скрипт в index.html

     <script type="text/javascript" src="http://platform.linkedin.com/in.js">
    api_key: 81zbsc62i53h5x
    authorize: true
    onLoad: onLinkedInLoad
    scope: r_fullprofile
  </script>

код в app.component.ts

declare var IN: any;
export class AppComponent {
  onLinkedInLoad() {
    IN.Event.on(IN, "auth", this.onLinkedInAuth);
  }
  public onLinkedInAuth() {
    IN.API.Profile("me")
      .fields("firstName", "lastName")
      .result(this.displayProfiles)
      .error(this.displayProfilesErrors);
  }
  public displayProfiles(profiles) {
    var linkedinmember = profiles.values[0];
    console.log(JSON.stringify(linkedinmember));
    console.log(linkedinmember.firstName + " " + linkedinmember.lastName);
  }
  public displayProfilesErrors(error) {
    console.log(error.message);
    console.log(error);
  }
}

app.component.html кнопку входа и нажмите

 <button (click)="onLinkedInLoad()" class="linkedin-btn">LinkedIn Login</button> 

Любая помощь высоко ценится.