ZoneAwareError on with angular and iOS simulator

[abhayastudios]

I am using the plugin in a location.provider.ts whose saveUserLocation method (see code below) is called from my "home" page. Everything works find on Android and a real iOS device, however on the iOS simulator it most of the times gives me this error below and sometimes it just gives me the expected result (the location object).

{"line":994,"column":38,"sourceURL":"file:///app/tns_modules/nativescript-angular/zone-js/dist/zone-nativescript.js","originalStack":"ZoneAwareError@file:///app/tns_modules/nativescript-angular/zone-js/dist/zone-nativescript.js:994:38\nfile:///app/tns_modules/nativescript-geolocation/geolocation.js:160:41\ninvoke@file:///app/tns_modules/tns-core-modules/timer/timer.js:54:53\nonInvoke@file:///app/tns_modules/@angular/core/bundles/core.umd.js:4787:39\nrunGuarded@file:///app/tns_modules/nativescript-angular/zone-js/dist/zone-nativescript.js:138:53\ntick@file:///app/tns_modules/tns-core-modules/timer/timer.js:19:26\nUIApplicationMain@[native code]\nstart@file:///app/tns_modules/tns-core-modules/application/application.js:258:26\nbootstrapApp@file:///app/tns_modules/nativescript-angular/platform-common.js:86:28\nbootstrapModule@file:///app/tns_modules/nativescript-angular/platform-common.js:72:26\nanonymous@file:///app/main.j

Any idea as to what may cause this? I don't care too much if this happens only on the simulator, I am a little worried it might also happen on a real device even though I have not seen it yet.

Thanks!

Which platform(s) does your issue occur on?

• iOS simulator v10

Please, provide the following version numbers that your issue occurs with:

$ tns info
✔ Getting NativeScript components versions information...
⚠ Update available for component nativescript. Your current version is 4.1.0 and the latest available version is 4.1.1.
⚠ Update available for component tns-core-modules. Your current version is 3.4.1 and the latest available version is 4.1.0.
⚠ Update available for component tns-android. Your current version is 3.4.2 and the latest available version is 4.1.3.
⚠ Update available for component tns-ios. Your current version is 3.4.1 and the latest available version is 4.1.1.

{
  "description": "MyApp",
  "license": "SEE LICENSE IN <your-license-filename>",
  "readme": "NativeScript Application",
  "repository": "<fill-your-repository-here>",
  "nativescript": {
    "id": "com.abhayastudios.testapp",
    "tns-ios": {
      "version": "3.4.1"
    },
    "tns-android": {
      "version": "3.4.2"
    }
  },
  "dependencies": {
    "@angular/animations": "~5.2.0",
    "@angular/common": "~5.2.0",
    "@angular/compiler": "~5.2.0",
    "@angular/core": "~5.2.0",
    "@angular/forms": "~5.2.0",
    "@angular/http": "~5.2.0",
    "@angular/platform-browser": "~5.2.0",
    "@angular/platform-browser-dynamic": "~5.2.0",
    "@angular/router": "~5.2.0",
    "@teammaestro/nativescript-svg": "^1.0.1",
    "moment": "^2.18.1",
    "nativescript-angular": "~5.2.0",
    "nativescript-bitmap-factory": "^1.7.1",
    "nativescript-feedback": "^1.1.2",
    "nativescript-geolocation": "^4.2.6",
    "nativescript-gradient": "^2.0.1",
    "nativescript-image-swipe": "^2.1.0",
    "nativescript-imagepicker": "^5.0.0",
    "nativescript-iqkeyboardmanager": "^1.2.0",
    "nativescript-ngx-slides": "^1.0.0",
    "nativescript-platform-css": "^1.6.5",
    "nativescript-plugin-firebase": "^5.3.1",
    "nativescript-social-share": "^1.5.0",
    "nativescript-theme-core": "~1.0.4",
    "nativescript-ui-listview": "^3.5.0",
    "nativescript-webview-interface": "^1.4.1",
    "reflect-metadata": "~0.1.8",
    "rxjs": "~5.5.2",
    "tns-core-modules": "~3.4.1",
    "zone.js": "^0.8.16"
  },
  "devDependencies": {
    "babel-traverse": "6.26.0",
    "babel-types": "6.26.0",
    "babylon": "6.18.0",
    "lazy": "1.0.11",
    "nativescript-dev-typescript": "~0.6.0",
    "typescript": "~2.6.2"
  }

Is there any code involved?

This the relevant part of my location.provider.ts:

/*
     First obtain permissions to use location services if needed, then try to obtain user's location
  */
  public saveUserLocation() {
    return new Promise((resolve, reject) => {

      geolocation.isEnabled().then((isEnabled:boolean) => {

        /* already have location permissions */

        if (isEnabled) {
          this.getCurrentLocation().then((location) => {
            resolve(location);
          }, (error) => {
            reject(error);
          });

        } else {

          /* first request location permissions */

          geolocation.enableLocationRequest().then(() => {

            /* granted location permissions, now get location */

            this.getCurrentLocation().then((location) => {
              resolve(location);
            }, (error) => {
              reject(error);
            });
          }, (error) => {
            console.error(`Failed to obtain location permissions: ${JSON.stringify(error)}`);
            reject(error);
          });
        }
      })
    });
  }

  /*
    Try to obtain user's location, assumes permissions are handled and save to user session if successful
    
    Returns promise containing location
  */
  private getCurrentLocation() {
    return new Promise((resolve, reject) => {
      geolocation.getCurrentLocation({
        desiredAccuracy: Accuracy.any,
        iosAllowsBackgroundLocationUpdates: false,
        maximumAge: 5000, // in milliseconds
        timeout: 5000, // in milliseconds
      })
      .then((location) => {
        resolve(location);
      }, (error) => {
        console.error(`Failed to obtain user location: ${JSON.stringify(error)}`);
        reject(error);
      });
    });
  }

[lini]

I think the error means a timeout was exceeded while searching for a location (i.e. no GPS lock was obtained on the device). In your case the simulator did not return a location. You should be able to handle this in your code by increasing the timeout or prompting the user to retry when a GPS lock is available. You can also play with the iOS simulator settings and enable location from the Debug menu.

[abhayastudios]

@lini thanks for your reply. I have one of the Apple locations set in the simulator (which every now and then is obtained properly). Even increasing the timeout to 30k ms still results in the error above sometimes.

[lini]

I tried using the demo app from this repository and the debug location feature of the simulator. I clicked Enable Location then Start Monitoring and the updates on screen were consistent with the selected debug location:

Can you try the demo app and see if there is a problem there for you?

[aturan23]

@lini I have same problem. I changed locations like you, but still not working.

[abhayastudios]

@lini

Using the demo app I get the error below on the iOS simulator (with location set) when tapping once the Get Current Location button triggering the getCurrentLocation method. Yet at the same time the Start Monitoring button which triggers the watchLocation method displays locations just fine!

app/main-page.js:57:20: Error: Timeout while searching for location!

After changing the promise reject callback to log (error.message || error) instead of the entire object, indeed I get the same timeout message as with the demo app.

Still, somehow there seems to be an issue with the getCurrentLocation on the iOS simulator. I will try to upgrade to the latest Xcode and see it the issue is solved.

[abhayastudios]

Still happening after upgrading to latest Xcode (now 9.4.1). Anyway, as long as this happens only on the simulator, it is not that important to me.

[aosi87]

This is still an issue, did you guys figure it out yet?