如何在 Ionic 5 中使用 cordova-plugin-admob-free答案

【问题标题】：How do I use cordova-plugin-admob-free in Ionic 5如何在 Ionic 5 中使用 cordova-plugin-admob-free
【发布时间】：2023-03-11 01:56:01
【问题描述】：

当我尝试将 AdMob 添加到我的 Ionic 5 应用时出现以下错误......

“在“@ionic-native/admob-free”中找不到导出“AdMobFreeOriginal”

我的代码....

import { AdMobFreeOriginal, AdMobFreeBannerConfig } from '@ionic-native/admob-free';


@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
    imports: [
        BrowserModule,
        IonicModule.forRoot(),
        AppRoutingModule,
        HttpClientModule,    ],
  providers: [
    StatusBar,
      SplashScreen,
      AdMobFreeOriginal,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

【问题讨论】：

使用 /ngx 导入包，如下所示：@ionic-native/admob-free/ngx

标签： ionic-framework cordova-admob ionic5

【解决方案1】：

最后用 /ngx 导入插件。您还使用了不正确的导入。请参阅下面的报价。

@ionic-native/admob-free/ngx

您可以随时在他们的存储库中查找该插件。插件文件中说明了导入：

@用法
* ```打字稿
* 从 '@ionic-native/admob-free/ngx' 导入 { AdMobFree, AdMobFreeBannerConfig }；

https://github.com/ionic-team/ionic-native/blob/master/src/%40ionic-native/plugins/admob-free/index.ts

【讨论】：