Доступ к веб-расширению API из Angular

Question

Я пытаюсь создать веб-расширение Firefox, чтобы заменить новую вкладку.Я хочу, чтобы страница в Angular получала доступ к веб-расширению API из сервиса Angular.В Firefox все веб-расширения apis являются частью глобального объекта browser.Мне нужно создать сервис для обтекания объекта browser, аналогичного описанному здесь :

import {Injectable} from "@angular/core";

function _browser(): any {

  // @ts-ignore
  return browser;
}

@Injectable()
export class BrowserRef {
  get nativeBrowser() : any {
    return _browser();
  }
}

Я зарегистрировал BrowserRef в своем AppModule

import {BrowserRef} from "../browserRef";

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule
  ],
  providers: [BrowserRef],
  bootstrap: [AppComponent]
})

Однако, когда я вставляю BrowserRef в свои компоненты и вызываю nativeBrowser, он все равно возвращает undefined.Есть ли что-то еще, что мне нужно сделать, чтобы получить ссылку на browser объект