angular - Asennettuani @zxing/library:n ionic3:ssa, ilmenee virhe. Kuinka voin ratkaista sen?

Haluaisin ratkaista virheen, joka liittyy BrowserQRCodeReader-luokan käyttämiseen @zxing/library-kirjastosta

Käytän TypeScriptin versiota 3.4.5 ja ionic3.
Asensin liitännäisen kirjoittamalla $npm i @zxing/library --save ja sovelsin sitä kirjoittamaani koodiin, ja saan virheen. Haluan tietää virheen syyn ja kuinka sen ratkaista. Tässä on koodi, jonka kirjoitin.

import { Component } from '@angular/core';
import { BrowserQRCodeReader } from '@zxing/library';

...
...
...

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

...
...
...
 target_wallet_address: string;
...
...
...

decode(){
const codeReader = new BrowserQRCodeReader()
codeReader.decodeFromImage(undefined,this.imagePath)
.then((result) => {
  console.log("success")
  this.target_wallet_address = result.getText();
}).catch((err) => {
  console.error(err)
})

}//end decode

...
...
...

Tässä on viesti, eikä näyttöä ole.

Alustajia ei sallita ympäristökonteksteissa.

Halusin saada tietyn asettelun, mutta en onnistunut siinä.

p.s. Lisäsin kuvakaappauksen virheviestistä.