Vue3+Ionic集成capacitor-community/admob无广告显示问题排查

我在Vue 3 + Ionic应用中尝试集成capacitor-community/admob，先创建了最简测试页面，但找不到Vue 3相关的参考示例，于是参考其他示例编写了页面代码。使用谷歌官方的横幅测试广告ID后，横幅广告始终无法显示，附上代码及控制台截图，希望排查问题所在。

测试代码 #

<template>
<IonPage>
    <IonContent>
        something
    </IonContent>
</IonPage>
</template>

<script setup lang="ts">
import { IonContent, IonPage } from '@ionic/vue';
import { AdMob, BannerAdOptions, BannerAdSize, BannerAdPosition, BannerAdPluginEvents, AdMobBannerSize } from '@capacitor-community/admob';
import { onMounted } from 'vue';

onMounted(async () => {
    AdMob.initialize({
        requestTrackingAuthorization: true,
        initializeForTesting: true,
    });

    const options: BannerAdOptions = {
        adId: 'ca-app-pub-3940256099942544/6300978111',
        adSize: BannerAdSize.BANNER,
        position: BannerAdPosition.BOTTOM_CENTER,
        margin: 0,
        // isTesting: true
        // npa: true
    };
    AdMob.showBanner(options);

    AdMob.addListener(BannerAdPluginEvents.Loaded, () => {
        console.log('Banner ad loaded');
    });

    AdMob.addListener(BannerAdPluginEvents.SizeChanged, (size: AdMobBannerSize) => {
        console.log('size' + size);
    });
});
</script>

注：上述adId为谷歌官方提供的横幅测试ID

当前问题现象 #

• 界面无横幅广告显示：
  
• 控制台日志：
  

内容的提问来源于stack exchange，提问作者Wyn