Javascript Can';t解析Angular 2中地图页的所有参数:(?,导航控制器,启动导航器…)
因此,我将Angular2与Ionic2一起用于我的移动应用程序。我的应用程序一直在编译和运行,直到我在应用程序中添加了一个新模块,以便在谷歌地图中导航。我正在使用phonegap launch navigator来实现这一点。我导入模块的类是我的Maps类,该类的结构如下所示Javascript Can';t解析Angular 2中地图页的所有参数:(?,导航控制器,启动导航器…),javascript,cordova,angular,typescript,ionic2,Javascript,Cordova,Angular,Typescript,Ionic2,因此,我将Angular2与Ionic2一起用于我的移动应用程序。我的应用程序一直在编译和运行,直到我在应用程序中添加了一个新模块,以便在谷歌地图中导航。我正在使用phonegap launch navigator来实现这一点。我导入模块的类是我的Maps类,该类的结构如下所示 import { LaunchNavigator, LaunchNavigatorOptions} from 'ionic-native'; import { Component, NgZone } from "@ang
import { LaunchNavigator, LaunchNavigatorOptions} from 'ionic-native';
import { Component, NgZone } from "@angular/core";
import { NavController, Platform, NavParams } from 'ionic-angular';
import {GoogleMap, GoogleMapsEvent, GoogleMapsLatLng, GoogleMapsMarkerOptions, CameraPosition } from 'ionic-native';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/operator/map';
import { Geolocation } from 'ionic-native';
import { Injectable,forwardRef,Inject } from "@angular/core";
@Component({
selector: 'maps-page',
templateUrl: 'maps.html',
})
export class MapsPage {
private map: GoogleMap;
destination:string;
start:string;
constructor(public LaunchNavigatorOptions: LaunchNavigatorOptions,
private _navController: NavController,
private LaunchNavigator:LaunchNavigator,
private platform: Platform,
public navCtrl: NavController,
public navParams: NavParams,
private _zone: NgZone) {
this.start = "";
this.destination = "Westminster, London, UK";
this.platform.ready().then(() => this.onPlatformReady());
}
我的package.json如下所示
{
"name": "ionic-hello-world",
"author": "Ionic Framework",
"homepage": "http://ionicframework.com/",
"private": true,
"scripts": {
"clean": "ionic-app-scripts clean",
"build": "ionic-app-scripts build",
"ionic:build": "ionic-app-scripts build",
"ionic:serve": "ionic-app-scripts serve",
"test": "mocha"
},
"dependencies": {
"@angular/common": "2.2.1",
"@angular/compiler": "2.2.1",
"@angular/compiler-cli": "2.2.1",
"@angular/core": "2.2.1",
"@angular/forms": "2.2.1",
"@angular/http": "2.2.1",
"@angular/platform-browser": "2.2.1",
"@angular/platform-browser-dynamic": "2.2.1",
"@angular/platform-server": "2.2.1",
"@ionic/cloud-angular": "^0.11.0",
"@ionic/storage": "1.1.7",
"angular2-jwt": "^0.1.28",
"bootstrap": "^3.3.7",
"ionic-angular": "2.0.0-rc.4",
"ionic-native": "2.2.11",
"ionicons": "3.0.0",
"jquery": "^3.1.1",
"moment": "^2.17.1",
"ng2-translate": "^5.0.0",
"rxjs": "5.0.0-beta.12",
"zone.js": "0.6.26"
},
"devDependencies": {
"@ionic/app-scripts": "^1.0.0",
"typescript": "2.0.9"
},
"cordovaPlugins": [
"cordova-plugin-whitelist",
"cordova-plugin-console",
"cordova-plugin-statusbar",
"cordova-plugin-device",
"cordova-plugin-splashscreen",
"ionic-plugin-keyboard"
],
"cordovaPlatforms": [
"ios",
{
"platform": "ios",
"version": "",
"locator": "ios"
}
],
"description": "myApp: An Ionic project"
}
导入这两个模块并将其放入构造函数后,我甚至无法启动我的应用程序,它会出现一个运行时错误,显示“无法解析MapsPage的所有参数(?,NavController,LaunchNavigator,Platform,NavController,NavParams,NgZone)。我认为问题出在LaunchNavigatorOptions上,因为当我特别指出该选项时,应用程序可以毫无问题地再次运行。我能做些什么来让它工作吗?非常感谢任何帮助。谢谢!看起来您使用的是ionic native v2.2.11
在这个版本中,插件是全局的和静态的,不应该被注入构造函数中。
移除
public LaunchNavigatorOptions: LaunchNavigatorOptions
及
从你的构造器
检查是否升级到ionic native 3.x看起来您正在使用ionic native v2.2.11
在这个版本中,插件是全局的和静态的,不应该被注入构造函数中。
移除
public LaunchNavigatorOptions: LaunchNavigatorOptions
及
从你的构造器
检查升级到ionic native 3.x的升级情况。你能显示你的
包.json
文件吗?@Sampath,我编辑了我的帖子。你现在可以看到了。谢谢!你能显示你的包.json
文件吗?@Sampath,我编辑了我的帖子。你现在可以看到了。谢谢!我怎样才能在我的课堂上使用LaunchNavigatorOptions和LaunchNavigator?我该怎么做在我的课堂上使用LaunchNavigatorOptions和LaunchNavigator?