Ionic2 运行时错误找不到模块";“离子天然”;离子2
我一直在尝试为新的爱奥尼亚2应用程序添加横幅广告,但它显示以下错误。我正在按这里显示的那样做。但是当我使用Ionic2 运行时错误找不到模块";“离子天然”;离子2,ionic2,admob,Ionic2,Admob,我一直在尝试为新的爱奥尼亚2应用程序添加横幅广告,但它显示以下错误。我正在按这里显示的那样做。但是当我使用ionic serve-l-c从浏览器运行它时,它显示的运行时错误找不到模块“ionic native”错误如下所示 这是我的app.component.ts文件代码 import { Component } from '@angular/core'; import { Platform } from 'ionic-angular'; import { StatusBar } from '
ionic serve-l-c从浏览器运行它时,它显示的运行时错误找不到模块“ionic native”
错误如下所示
这是我的app.component.ts
文件代码
import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { Geolocation } from '@ionic-native/geolocation';
import { AdMob } from 'ionic-native';
import { HomePage } from '../pages/home/home';
import { DetailsPage } from '../pages/details/details';
import { SettingModalPage } from '..Pages/setting-modal/setting-
modal';
@Component({
templateUrl: 'app.html'
})
export class MyApp {
rootPage:any = HomePage;
constructor(platform: Platform, statusBar: StatusBar, splashScreen:
SplashScreen) {
platform.ready().then(() => {
// Okay, so the platform is ready and our plugins are available.
// Here you can do any higher level native things you might need.
statusBar.styleDefault();
splashScreen.hide();
let options = {
adId: 'ca-app-pub-5732334124058455/7973166445',
adSize: 'SMART_BANNER',
isTesting: false
};
AdMob.createBanner(options).then(() => {
AdMob.showBanner(8);
});
});
}
}
在我的package.json
文件中
"dependencies": {
"@angular/common": "2.4.8",
"@angular/compiler": "2.4.8",
"@angular/compiler-cli": "2.4.8",
"@angular/core": "2.4.8",
"@angular/forms": "2.4.8",
"@angular/http": "2.4.8",
"@angular/platform-browser": "2.4.8",
"@angular/platform-browser-dynamic": "2.4.8",
"@angular/platform-server": "2.4.8",
"@ionic-native/admob": "^3.4.4",
"@ionic-native/core": "^3.1.0",
"@ionic-native/geolocation": "^3.4.4",
"@ionic-native/launch-navigator": "^3.4.4",
"@ionic-native/splash-screen": "3.1.0",
"@ionic-native/status-bar": "3.1.0",
"@ionic/storage": "2.0.0",
"font-awesome": "^4.7.0",
"ionic-angular": "2.3.0",
"ionic2-rating": "^1.2.0",
"ionicons": "3.0.0",
"rxjs": "5.0.1",
"sw-toolbox": "3.4.0",
"zone.js": "0.7.2"
},
"devDependencies": {
"@ionic/app-scripts": "1.1.4",
"typescript": "2.0.9"
},
"cordovaPlugins": [
"cordova-plugin-whitelist",
"cordova-plugin-console",
"cordova-plugin-statusbar",
"cordova-plugin-device",
"cordova-plugin-splashscreen",
"ionic-plugin-keyboard"
],
检查
是在爱奥尼亚原生2.x中
做:
以及:
这个包已经不存在了。模块现在位于其自己的包中,因此您需要更改:
import{AdMob}来自“离子本机”代码>
从
从'@ionic native/AdMob'导入{AdMob}
您能显示您的package.json
文件吗?我已经编辑了请求并添加了“package.json”文件。我已经按照您所示进行了尝试。其显示未捕获运行时错误(承诺):cordova\u不可用
cordova在ionic serve中不工作..未加载。。您需要在emulator或设备中进行测试,它现在正在工作,并显示它的AdMob
banner。但现在产生了一些问题。这是应用程序错误连接到服务器不成功
我已尝试解决,并在我的config.xml
文件中添加了
。因此,在加载启动屏幕
之后,会有白屏幕
显示一段时间,并且在加载应用程序屏幕之后。你知道吗?你对我在上述评论中提到的问题有什么解决办法吗。非常感谢。你应该添加一个包含所有细节的问题。。我不确定……知道的人可以回答
import { AdMob } from 'ionic-native';
ionic plugin add cordova-plugin-admobpro --save
npm install --save @ionic-native/admob
import { AdMob, AdMobOptions, AdSize, AdExtras} from '@ionic-native/admob';//import
constructor(platform: Platform, statusBar: StatusBar, splashScreen:
SplashScreen,admob:Admob)//inject in constructor.
//and use
let options:AdMobOptions={
adId: 'ca-app-pub-5732334124058455/7973166445',
adSize: 'SMART_BANNER',
isTesting: false
}
this.admob.createBanner(options).then(()=>{
this.admob.showBanner(8)
})