Ionic 2/3 插件加载问题：可能来自 app.bundle.js
Posted
技术标签:
【中文标题】Ionic 2/3 插件加载问题：可能来自 app.bundle.js【英文标题】：Ionic 2/3 Plugin loading Issue: possibly from app.bundle.js 【发布时间】：2017-11-10 14:41:41 【问题描述】：好的，我的 Ionic 框架项目遇到了一个不可思议的问题。除了知道问题可能是什么之外，我已经解决这个错误一天半了，没有任何结果。
我的 nativeGeocoder、facebookLogin 和 googleLogin 插件根本不工作。
但是，我的相机插件和地理定位插件可以工作。
我从 Ionic 服务到浏览器收到以下错误：
The resource from “http://localhost:8100/build/js/app.bundle.js” was blocked due to MIME type mismatch (X-Content-Type-Options: nosniff).
这意味着由于某种原因，我的 app.bundle.js 在我构建时没有生成。我假设这可能是问题的主要原因，但我在浏览器上也遇到了一些其他错误。
Native: tried calling StatusBar.styleDefault, but Cordova is not available. Make sure to include cordova.js or run in a device/simulator main.js:45448:9
Native: tried calling SplashScreen.hide, but Cordova is not available. Make sure to include cordova.js or run in a device/simulator
这似乎告诉我在设备上运行代码，然而，这并不能完全解释为什么地理定位在浏览器上工作，尽管它是一个 cordova 插件，当我在 android 设备上运行代码并使用android 调试模式抓取日志，我从 android 设备收到此错误。
安卓设备：
I/chromium( 5892): [INFO:CONSOLE(45432)] "Native: tried calling NativeGeocoder.forwardGeocode, but the NativeGeocoder plugin is not installed.", source: file:///data/data/com.ionic.viewapp/files/files//4715e941/build/main.js (45432)
D/SystemWebChromeClient( 5892): file:///data/data/com.ionic.viewapp/files/files//4715e941/build/main.js: Line 45438 : Install the NativeGeocoder plugin: 'ionic plugin add cordova-plugin-nativegeocoder'
I/chromium( 5892): [INFO:CONSOLE(45438)] "Install the NativeGeocoder plugin: 'ionic plugin add cordova-plugin-nativegeocoder'", source: file:///data/data/com.ionic.viewapp/files/files//4715e941/build/main.js (45438)
D/SystemWebChromeClient( 5892): file:///data/data/com.ionic.viewapp/files/files//4715e941/build/main.js: Line 45432 : Native: tried calling Facebook.login, but the Facebook plugin is not installed.
I/chromium( 5892): [INFO:CONSOLE(45432)] "Native: tried calling Facebook.login, but the Facebook plugin is not installed.", source: file:///data/data/com.ionic.viewapp/files/files//4715e941/build/main.js (45432)
D/SystemWebChromeClient( 5892): file:///data/data/com.ionic.viewapp/files/files//4715e941/build/main.js: Line 45438 : Install the Facebook plugin: 'ionic plugin add cordova-plugin-facebook4'
I/chromium( 5892): [INFO:CONSOLE(45438)] "Install the Facebook plugin: 'ionic plugin add cordova-plugin-facebook4'", source: file:///data/data/com.ionic.viewapp/files/files//4715e941/build/main.js (45438)
D/SystemWebChromeClient( 5892): file:///data/data/com.ionic.viewapp/files/files//4715e941/build/main.js: Line 45357 : Error logging into Facebook
I/chromium( 5892): [INFO:CONSOLE(45432)] "Native: tried calling GooglePlus.login, but the GooglePlus plugin is not installed.", source: file:///data/data/com.ionic.viewapp/files/files//4715e941/build/main.js (45432)
D/SystemWebChromeClient( 5892): file:///data/data/com.ionic.viewapp/files/files//4715e941/build/main.js: Line 45438 : Install the GooglePlus plugin: 'ionic plugin add cordova-plugin-googleplus'
I/chromium( 5892): [INFO:CONSOLE(45438)] "Install the GooglePlus plugin: 'ionic plugin add cordova-plugin-googleplus'", source: file:///data/data/com.ionic.viewapp/files/files//4715e941/build/main.js (45438)
再次注意，Cordova 的相机和地理定位插件可以正常工作，而设备甚至无法检测到这些插件。
这是因为 bundle.js 错误吗？插件是否通过该文件识别？我以为都是通过cordova.js处理的。
我为调试它所采取的步骤如下：
1. 尝试卸载我已安装但未使用的插件。还要进入 package.json 来删除他们的调用。
2. 尝试在 config.xml 中重新排序插件顺序
3. 卸载并重新安装地理编码插件。
4. 通常会尝试加载尽可能少的插件，以排除任何可能的插件冲突。
这些解决方案都没有为我工作，并且 bundle.js 仍然没有生成，据我猜测，这可能是问题的原因。
问题似乎来自 config.xml、package.json 或 index.html。我将发布所有这三个文件的代码。
我的 index.html 加载如下：
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<title>Ionic App</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<link rel="icon" type="image/x-icon" href="assets/icon/favicon.ico">
<link rel="manifest" href="manifest.json">
<meta name="theme-color" content="#4e8ef7">
<!-- cordova.js required for cordova apps -->
<script src="cordova.js"></script>
<!-- Polyfill needed for platforms without Promise and Collection support -->
<!-- The bundle which is built from the app's source code -->
<script src="build/js/app.bundle.js"></script>
<!-- un-comment this code to enable service worker
<script>
if ('serviceWorker' in navigator)
navigator.serviceWorker.register('service-worker.js')
.then(() => console.log('service worker installed'))
.catch(err => console.error('Error', err));
</script>-->
<link href="build/main.css" rel="stylesheet">
</head>
<body>
<!-- Ionic's root component and where the app will load -->
<ion-app></ion-app>
<!-- The polyfills js is generated during the build process -->
<script src="build/polyfills.js"></script>
<!-- The bundle js is generated during the build process -->
<script src="build/main.js"></script>
</body>
</html>
我的 package.json 加载如下：
"name": "projname",
"version": "0.0.1",
"author": "Ionic Framework",
"homepage": "http://ionicframework.com/",
"private": true,
"scripts":
"clean": "ionic-app-scripts clean",
"build": "ionic-app-scripts build",
"lint": "ionic-app-scripts lint",
"ionic:build": "ionic-app-scripts build",
"ionic:serve": "ionic-app-scripts serve"
,
"dependencies":
"@angular/common": "4.1.2",
"@angular/compiler": "4.1.2",
"@angular/compiler-cli": "4.1.2",
"@angular/core": "4.1.2",
"@angular/forms": "4.1.2",
"@angular/http": "4.1.2",
"@angular/platform-browser": "4.1.2",
"@angular/platform-browser-dynamic": "4.1.2",
"@ionic-native/camera": "^3.10.3",
"@ionic-native/core": "^3.10.2",
"@ionic-native/facebook": "^3.10.3",
"@ionic-native/geolocation": "^3.10.3",
"@ionic-native/google-plus": "^3.10.3",
"@ionic-native/image-picker": "^3.10.3",
"@ionic-native/location-accuracy": "^3.12.1",
"@ionic-native/native-geocoder": "^3.12.1",
"@ionic-native/splash-screen": "3.10.2",
"@ionic-native/status-bar": "3.10.2",
"@ionic/storage": "2.0.1",
"cordova-android": "^6.2.3",
"cordova-browser": "^4.1.0",
"cordova-ios": "^4.4.0",
"cordova-plugin-add-swift-support": "^1.6.0",
"cordova-plugin-camera": "^2.4.1",
"cordova-plugin-compat": "^1.1.0",
"cordova-plugin-console": "^1.0.5",
"cordova-plugin-device": "^1.1.4",
"cordova-plugin-facebook4": "^1.9.0",
"cordova-plugin-geolocation": "^2.4.3",
"cordova-plugin-googleplus": "^5.1.1",
"cordova-plugin-image-picker": "^1.1.3",
"cordova-plugin-nativegeocoder": "^1.0.2",
"cordova-plugin-request-location-accuracy": "^2.2.1",
"cordova-plugin-splashscreen": "^4.0.3",
"cordova-plugin-statusbar": "^2.2.2",
"cordova-plugin-whitelist": "^1.3.1",
"ionic-angular": "3.3.0",
"ionic-plugin-keyboard": "^2.2.1",
"ionicons": "3.0.0",
"keywords": "^0.1.2",
"rxjs": "5.1.1",
"sass": "^0.5.0",
"sw-toolbox": "3.6.0",
"zone.js": "0.8.11"
,
"devDependencies":
"@ionic/app-scripts": "1.3.7",
"@ionic/cli-plugin-cordova": "1.2.1",
"@ionic/cli-plugin-ionic-angular": "1.2.0",
"typescript": "2.3.3"
,
"description": "An Ionic project",
"cordova":
"plugins":
"cordova-plugin-camera": ,
"cordova-plugin-geolocation": ,
"cordova-plugin-request-location-accuracy": ,
"cordova-plugin-nativegeocoder": ,
"cordova-plugin-googleplus":
"REVERSED_CLIENT_ID": "myreversedclientid"
,
"keywords": [
"latitude",
"longitude",
"city",
"location",
"geo",
"latlon",
"position"
],
"cordova-plugin-image-picker": ,
"cordova-plugin-facebook4":
"APP_ID": "166628403873954",
"APP_NAME": "projname"
,
"cordova-plugin-console": ,
"cordova-plugin-device": ,
"cordova-plugin-splashscreen": ,
"cordova-plugin-statusbar": ,
"cordova-plugin-whitelist": ,
"ionic-plugin-keyboard":
,
"platforms": [
"android",
"ios"
]
我的 config.xml 加载如下：
<?xml version='1.0' encoding='utf-8'?>
<widget id="com.projname.id" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
<name>MyApp</name>
<description>An awesome Ionic/Cordova app.</description>
<author email="hi@ionicframework" href="http://ionicframework.com/">Ionic Framework Team</author>
<content src="index.html" />
<access origin="*" />
<allow-navigation href="http://ionic.local/*" />
<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" />
<allow-intent href="tel:*" />
<allow-intent href="sms:*" />
<allow-intent href="mailto:*" />
<allow-intent href="geo:*" />
<preference name="webviewbounce" value="false" />
<preference name="UIWebViewBounce" value="false" />
<preference name="DisallowOverscroll" value="true" />
<preference name="android-minSdkVersion" value="16" />
<preference name="BackupWebStorage" value="none" />
<preference name="SplashMaintainAspectRatio" value="true" />
<preference name="FadeSplashScreenDuration" value="300" />
<preference name="SplashShowOnlyFirstTime" value="false" />
<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="3000" />
<platform name="android">
<allow-intent href="market:*" />
<icon density="ldpi" src="resources/android/icon/drawable-ldpi-icon.png" />
<icon density="mdpi" src="resources/android/icon/drawable-mdpi-icon.png" />
<icon density="hdpi" src="resources/android/icon/drawable-hdpi-icon.png" />
<icon density="xhdpi" src="resources/android/icon/drawable-xhdpi-icon.png" />
<icon density="xxhdpi" src="resources/android/icon/drawable-xxhdpi-icon.png" />
<icon density="xxxhdpi" src="resources/android/icon/drawable-xxxhdpi-icon.png" />
<splash density="land-ldpi" src="resources/android/splash/drawable-land-ldpi-screen.png" />
<splash density="land-mdpi" src="resources/android/splash/drawable-land-mdpi-screen.png" />
<splash density="land-hdpi" src="resources/android/splash/drawable-land-hdpi-screen.png" />
<splash density="land-xhdpi" src="resources/android/splash/drawable-land-xhdpi-screen.png" />
<splash density="land-xxhdpi" src="resources/android/splash/drawable-land-xxhdpi-screen.png" />
<splash density="land-xxxhdpi" src="resources/android/splash/drawable-land-xxxhdpi-screen.png" />
<splash density="port-ldpi" src="resources/android/splash/drawable-port-ldpi-screen.png" />
<splash density="port-mdpi" src="resources/android/splash/drawable-port-mdpi-screen.png" />
<splash density="port-hdpi" src="resources/android/splash/drawable-port-hdpi-screen.png" />
<splash density="port-xhdpi" src="resources/android/splash/drawable-port-xhdpi-screen.png" />
<splash density="port-xxhdpi" src="resources/android/splash/drawable-port-xxhdpi-screen.png" />
<splash density="port-xxxhdpi" src="resources/android/splash/drawable-port-xxxhdpi-screen.png" />
</platform>
<platform name="ios">
<allow-intent href="itms:*" />
<allow-intent href="itms-apps:*" />
<icon src="resources/ios/icon/icon.png" />
<icon src="resources/ios/icon/icon@2x.png" />
<icon src="resources/ios/icon/icon-40.png" />
<icon src="resources/ios/icon/icon-40@2x.png" />
<icon src="resources/ios/icon/icon-40@3x.png" />
<icon src="resources/ios/icon/icon-50.png" />
<icon src="resources/ios/icon/icon-50@2x.png" />
<icon src="resources/ios/icon/icon-60.png" />
<icon src="resources/ios/icon/icon-60@2x.png" />
<icon src="resources/ios/icon/icon-60@3x.png" />
<icon src="resources/ios/icon/icon-72.png" />
<icon src="resources/ios/icon/icon-72@2x.png" />
<icon src="resources/ios/icon/icon-76.png" />
<icon src="resources/ios/icon/icon-76@2x.png" />
<icon src="resources/ios/icon/icon-83.5@2x.png" />
<icon src="resources/ios/icon/icon-small.png" />
<icon src="resources/ios/icon/icon-small@2x.png" />
<icon src="resources/ios/icon/icon-small@3x.png" />
<splash src="resources/ios/splash/Default-568h@2x~iphone.png" />
<splash src="resources/ios/splash/Default-667h.png" />
<splash src="resources/ios/splash/Default-736h.png" />
<splash src="resources/ios/splash/Default-Landscape-736h.png" />
<splash src="resources/ios/splash/Default-Landscape@2x~ipad.png" />
<splash src="resources/ios/splash/Default-Landscape@~ipadpro.png" />
<splash src="resources/ios/splash/Default-Landscape~ipad.png" />
<splash src="resources/ios/splash/Default-Portrait@2x~ipad.png" />
<splash src="resources/ios/splash/Default-Portrait@~ipadpro.png" />
<splash src="resources/ios/splash/Default-Portrait~ipad.png" />
<splash src="resources/ios/splash/Default@2x~iphone.png" />
<splash src="resources/ios/splash/Default~iphone.png" />
</platform>
<engine name="android" spec="^6.2.3" />
<engine name="ios" spec="^4.4.0" />
<plugin name="ionic-plugin-keyboard" spec="^2.2.1" />
<plugin name="keywords" spec="^0.1.2">
<plugin name="cordova-plugin-camera" spec="^2.4.1" />
<plugin name="cordova-plugin-image-picker" spec="^1.1.3" />
<plugin name="cordova-plugin-nativegeocoder" spec="^1.0.2" />
<plugin name="cordova-plugin-request-location-accuracy" spec="^2.2.1" />
<plugin name="cordova-plugin-splashscreen" spec="^4.0.3" />
<plugin name="cordova-plugin-statusbar" spec="^2.2.2" />
<plugin name="cordova-plugin-whitelist" spec="^1.3.1" />
<plugin name="cordova-plugin-console" spec="^1.0.5" />
<plugin name="cordova-plugin-device" spec="^1.1.4" />
<plugin name="cordova-plugin-facebook4" spec="^1.9.0">
<variable name="APP_ID" value="166628403873954" />
<variable name="APP_NAME" value="projname" />
</plugin>
<plugin name="cordova-plugin-geolocation" spec="^2.4.3" />
</plugin>
<plugin name="cordova-plugin-googleplus" spec="^5.1.1">
<variable name="REVERSED_CLIENT_ID" value="myreversedclientid" />
</plugin>
</widget>
这里有什么可能的解决方案吗？当我第一次生成项目时，至少有什么方法可以将我的配置/包文件和插件“重置”回默认值吗？我的 index.html 的加载方式有什么问题吗？
有没有解释为什么有些插件可以加载而其他插件不能加载？
谢谢！非常感谢任何反馈，我真的很想继续在这个项目上取得进展。
编辑：这是我的 app.module.ts
import BrowserModule from '@angular/platform-browser';
import ErrorHandler, NgModule from '@angular/core';
import IonicApp, IonicErrorHandler, IonicModule from 'ionic-angular';
import MyApp from './app.component';
import HomePage from '../pages/home/home';
import IdentifymytickPage from '../pages/identifymytick/identifymytick';
import IdguidePage from '../pages/idguide/idguide';
import RemovalPage from '../pages/removal/removal';
import SymptomsPage from '../pages/symptoms/symptoms';
import LoginPage from '../pages/login/login';
import AmericandogtickPage from '../pages/pushpages/americandogtick/americandogtick';
import BrowndogtickPage from '../pages/pushpages/browndogtick/browndogtick';
import DeertickPage from '../pages/pushpages/deertick/deertick';
import GenderPage from '../pages/pushpages/gender/gender';
import LifestagesPage from '../pages/pushpages/lifestages/lifestages';
import LonestartickPage from '../pages/pushpages/lonestartick/lonestartick';
import WesternblackleggedtickPage from '../pages/pushpages/westernblackleggedtick/westernblackleggedtick';
import StatusBar from '@ionic-native/status-bar';
import SplashScreen from '@ionic-native/splash-screen';
import Camera from '@ionic-native/camera';
import Geolocation from '@ionic-native/geolocation';
import GooglePlus from '@ionic-native/google-plus';
import ImagePicker from '@ionic-native/image-picker';
import Facebook from '@ionic-native/facebook';
import NativeGeocoder from '@ionic-native/native-geocoder';
import LocationAccuracy from '@ionic-native/location-accuracy';
@NgModule(
declarations: [
MyApp,
HomePage,
IdentifymytickPage,
IdguidePage,
RemovalPage,
SymptomsPage,
LoginPage,
AmericandogtickPage,
BrowndogtickPage,
DeertickPage,
GenderPage,
LifestagesPage,
LonestartickPage,
WesternblackleggedtickPage
],
imports: [
BrowserModule,
IonicModule.forRoot(MyApp),
],
bootstrap: [IonicApp],
entryComponents: [
MyApp,
HomePage,
IdentifymytickPage,
IdguidePage,
RemovalPage,
SymptomsPage,
LoginPage,
AmericandogtickPage,
BrowndogtickPage,
DeertickPage,
GenderPage,
LifestagesPage,
LonestartickPage,
WesternblackleggedtickPage
],
providers: [
StatusBar,
SplashScreen,
Camera,
GooglePlus,
ImagePicker,
Facebook,
NativeGeocoder,
LocationAccuracy,
Geolocation,
provide: ErrorHandler, useClass: IonicErrorHandler
]
)
export class AppModule
地理编码：
import Component from '@angular/core';
import NavController from 'ionic-angular';
import Geolocation from '@ionic-native/geolocation';
import IdentifymytickPage from '../identifymytick/identifymytick';
import IdguidePage from '../idguide/idguide';
import RemovalPage from '../removal/removal';
import SymptomsPage from '../symptoms/symptoms';
import LoginPage from '../login/login';
import LocationAccuracy from '@ionic-native/location-accuracy';
import NativeGeocoder, NativeGeocoderReverseResult, NativeGeocoderForwardResult from '@ionic-native/native-geocoder';
@Component(
selector: 'page-home',
templateUrl: 'home.html'
)
export class HomePage
constructor(public navCtrl: NavController, public geolocation: Geolocation, public nativeGeocoder: NativeGeocoder, public locac: LocationAccuracy)
this.watch();
nextPage()
this.navCtrl.push(IdentifymytickPage)
nextPage1()
this.navCtrl.push(IdguidePage)
nextPage2()
this.navCtrl.push(LoginPage)
nextPage3()
this.navCtrl.push(RemovalPage)
nextPage4()
this.navCtrl.push(SymptomsPage)
coords:any;
accuracy:any;
error:any;
watch()
this.geolocation.getCurrentPosition().then((resp) =>
this.coords = resp.coords.latitude + ' ' + resp.coords.longitude;
this.accuracy = resp.coords.accuracy + ' meters';
).catch((error) =>
this.error = 'Error getting location: ' + error;
)
//
// townvar:any;
//
// nearestCity()
//
// this.geolocation.getCurrentPosition().then((resp) =>
// this.nativeGeocoder.reverseGeocode(resp.coords.latitude, resp.coords.longitude)
// .then((result: NativeGeocoderReverseResult) => this.townvar = result.city)
// .catch((error: any) => console.log(error));
// )
//
//
// geolocate()
// let options =
// enableHighAccuracy: true
// ;
//
// this.geolocation.getCurrentPosition(options).then((position: Geoposition) =>
// this.getcountry(position);
//
// ).catch((err) =>
// console.error(err);
// )
//
//
//
// getcountry(pos)
// this.geocoder.reverseGeocode(pos.coords.latitude, pos.coords.longitude).then((res: NativeGeocoderReverseResult) =>
// console.log(res.countryName, res.city, res.district)
//
// )
//
geolocateTEST()
this.nativeGeocoder.reverseGeocode(52.5072095, 13.1452818)
.then((result: NativeGeocoderReverseResult) => console.log('The address is ' + result.street + ' in ' + result.countryCode))
.catch((error: any) => console.log(error));
this.nativeGeocoder.forwardGeocode('Berlin')
.then((coordinates: NativeGeocoderForwardResult) => console.log('The coordinates are latitude=' + coordinates.latitude + ' and longitude=' + coordinates.longitude))
.catch((error: any) => console.log(error));
【问题讨论】：
【参考方案1】：问题仅来自您的 index.html - 它涉及 Content-Security-Policy.... 只需按照下面的方向。只需一个简单的步骤。
从您的根文件夹 > src > index.html
修改这行代码
<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: ms-appdata: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">
到
<meta http-equiv="Content-Security-Policy" content="default-src *; img-src 'self' data:; style-src 'self' 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">
你的 index.html 应该是这样的
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<title>Ionic App</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="msapplication-tap-highlight" content="no">
<!--<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: ms-appdata: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">-->
<meta http-equiv="Content-Security-Policy" content="default-src *; img-src 'self' data:; style-src 'self' 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'">
<link rel="icon" type="image/x-icon" href="assets/icon/favicon.ico">
<link rel="manifest" href="manifest.json">
<meta name="theme-color" content="#4e8ef7">
<!-- cordova.js required for cordova apps -->
<script src="cordova.js"></script>
<!-- un-comment this code to enable service worker
<script>
if ('serviceWorker' in navigator)
navigator.serviceWorker.register('service-worker.js')
.then(() => console.log('service worker installed'))
.catch(err => console.log('Error', err));
</script>-->
<link href="build/main.css" rel="stylesheet">
</head>
<body>
<!-- Ionic's root component and where the app will load -->
<ion-app></ion-app>
<!-- The polyfills js is generated during the build process -->
<script src="build/polyfills.js"></script>
<!-- The bundle js is generated during the build process -->
<script src="build/main.js"></script>
</body>
</html>
【讨论】：
试过了。不幸的是，它没有帮助。我遇到了同样的错误。我唯一注意到的是代码使地理定位插件引发了位置错误，但仅此而已。 有没有办法让我看到你的 app.module.ts 我刚刚用我的 app.module.ts 编辑了主帖。如果你能看到它，那将是一个巨大的帮助。谢谢！ 如果您刚刚迁移了您的应用程序，那么您需要为每个本机插件运行 ionic 和 npm 安装...例如 $ ionic cordova plugin add cordova-plugin-geolocation 和 $ npm install --save @ionic-native/geolocation 很高兴知道这一点。其他人也向我澄清了这一点。我的地理编码被编辑到原始帖子中。谢谢 c:以上是关于Ionic 2/3 插件加载问题：可能来自 app.bundle.js的主要内容，如果未能解决你的问题，请参考以下文章
Auth0 JWT 插件和 ionic2 - 无授权标头发送