ERROR TypeError: Could not load view for: BannerAd.Error

[TiagoLaraTecSys]

HEllo!

I'm trying to use BannerAd directive in angular with nativescript/firebase-admob. I'm getting the following error:

I already add the AdmobModule to my module component, what i'm doing wrong?

[mugifly]

@TiagoLaraTecSys I also encountered the same error. I hope this will be officially fixed.

As a workaround for now, I was able to display it correctly by writing it as follows:

import { Component } from "@angular/core";
import { registerElement } from "@nativescript/angular";
import { BannerAd, BannerAdSize } from "@nativescript/firebase-admob";

registerElement("BannerAd", () => {
  return require("@nativescript/firebase-admob").BannerAd;
});

@Component({
  selector: "ns-foo",
  template: `
    <BannerAd
      unitId="ca-app-pub-3940256099942544/6300978111"
      (layoutChanged)="bannerLoaded($event)"
    />
  `,
})
export class FooComponent {
  bannerLoaded(args: any) {
    const bannerView: BannerAd = args.object;
    bannerView.size = new BannerAdSize(320, 50);
    bannerView.load();
  }
}

[TiagoLaraTecSys]

@TiagoLaraTecSys I also encountered the same error. I hope this will be officially fixed.

As a workaround for now, I was able to display it correctly by writing it as follows:

import { Component } from "@angular/core";
import { registerElement } from "@nativescript/angular";
import { BannerAd, BannerAdSize } from "@nativescript/firebase-admob";

registerElement("BannerAd", () => {
  return require("@nativescript/firebase-admob").BannerAd;
});

@Component({
  selector: "ns-foo",
  template: `
    <BannerAd
      unitId="ca-app-pub-3940256099942544/6300978111"
      (layoutChanged)="bannerLoaded($event)"
    />
  `,
})
export class FooComponent {
  bannerLoaded(args: any) {
    const bannerView: BannerAd = args.object;
    bannerView.size = new BannerAdSize(320, 50);
    bannerView.load();
  }
}

Woww thnks maan i'm gonna try to do this