使用 admob free 时 Ionic 4 cordova 不可用答案

【问题标题】：Ionic 4 cordova not available when using admob free使用 admob free 时 Ionic 4 cordova 不可用
【发布时间】：2019-04-25 11:46:51
【问题描述】：

我有一个带有 admob 免费插件的 Ionic 4 应用程序。这是我展示横幅的代码：

admob.service.ts

` BannerAd(admobid) {
    let bannerConfig: AdMobFreeBannerConfig = {
      isTesting: false, 
      autoShow: true,
      id: admobid
    };
    this.admobFree.banner.config(bannerConfig);

    this.admobFree.banner.prepare().then(() => {
      // success
    }).catch(e => alert(e));
  }  `

在一个页面上我这样调用这个方法：

 this.admob.BannerAd(this.id);

测试广告效果很好，但是当我想使用生产广告时，横幅在屏幕下方显示为黑条。我在 Google 控制台中收到 2 条警告。

common.js:290 Native：尝试调用 AdMobFree.config，但 Cordova 不可用。确保包含 cordova.js 或在设备/模拟器中运行

common.js:290 Native：尝试调用 AdMobFree.prepare，但 Cordova 是无法使用。确保包含 cordova.js 或在设备/模拟器

我已经尝试了几种解决方案

解决方案 1

Ionic 4 and Cordova is not available

解决方案 2

迁移到一个新的新项目

如何在我的 Ionic 4 应用中展示制作广告？

Package.json

"dependencies": {
    "@angular/common": "^7.2.2",
    "@angular/core": "^7.2.2",
    "@angular/forms": "^7.2.2",
    "@angular/http": "^7.2.2",
    "@angular/platform-browser": "^7.2.2",
    "@angular/platform-browser-dynamic": "^7.2.2",
    "@angular/router": "^7.2.2",
    "@ionic-native/admob-free": "^5.5.0",
    "@ionic-native/core": "^5.5.0",
    "@ionic-native/keyboard": "^5.5.0",
    "@ionic-native/splash-screen": "^5.5.0",
    "@ionic-native/status-bar": "^5.5.0",
    "@ionic/angular": "^4.3.0",
    "ajv": "^6.10.0",
    "cordova-admob-sdk": "0.24.1",
    "cordova-android": "8.0.0",
    "cordova-plugin-admob-free": "0.26.0",
    "cordova-plugin-ionic-keyboard": "2.1.3",
    "cordova-promise-polyfill": "0.0.2",
    "core-js": "^2.5.4",
    "rxjs": "~6.3.3",
    "zone.js": "~0.8.29"
  },
  "devDependencies": {
    "@angular-devkit/architect": "~0.12.3",
    "@angular-devkit/build-angular": "~0.13.0",
    "@angular-devkit/core": "~7.2.3",
    "@angular-devkit/schematics": "~7.2.3",
    "@angular/cli": "~7.3.1",
    "@angular/compiler": "~7.2.2",
    "@angular/compiler-cli": "~7.2.2",
    "@angular/language-service": "~7.2.2",
    "@ionic/angular-toolkit": "~1.4.0",
    "@types/jasmine": "~2.8.8",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "^10.14.5",
    "codelyzer": "~4.5.0",
    "cordova-plugin-device": "^2.0.2",
    "cordova-plugin-ionic-webview": "^3.1.2",
    "cordova-plugin-splashscreen": "^5.0.2",
    "cordova-plugin-statusbar": "^2.4.2",
    "cordova-plugin-whitelist": "^1.3.3",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "^4.1.0",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.1",
    "karma-jasmine": "~1.1.2",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.4.0",
    "ts-node": "~8.0.0",
    "tslint": "~5.12.0",
    "typescript": "~3.1.6"
  },

【问题讨论】：

等几天，广告会自动出现
你知道多少天吗？
最多 2-3 天
等了几天还是有黑广告...

标签： android angular typescript cordova ionic-framework

【解决方案1】：

我在 3 天后运行了以下命令：

ionic cordova build android --prod --release

我将 APK 文件上传到 Google Playstore 进行 Beta 测试。当我在手机上安装应用程序进行测试时。广告出现了，一切正常。

【讨论】：