cordova-plugin-background-geolocation: Module not found: Error: Can't resolve 'cordova/exec' and 'cordova/channel' on build

I’ve just published version 3.0.0-alpha.50. Following @TomDemulierChevret’s advice, I’ve added export interface BackgroundGeolocationPlugin. It will fix this issue and ionic users can still benefit from provided types. All kudos to @TomDemulierChevret.

Example:

import { Injectable, NgZone } from '@angular/core';
// This is important!
import { BackgroundGeolocationPlugin } from 'cordova-plugin-mauron85-background-geolocation';

// This is important!
declare const BackgroundGeolocation: BackgroundGeolocationPlugin;

@Injectable()
export class LocationTracker {

  public watch: any;
  public lat = 0;
  public lng = 0;

  constructor(public zone: NgZone) {

  }

  startTracking() {
        // Background Tracking

        const config = {
            desiredAccuracy: 0,
            stationaryRadius: 20,
            distanceFilter: 10,
            debug: true,
            interval: 2000
        };

        BackgroundGeolocation.configure(config);
        // Turn ON the background-geolocation system.
        BackgroundGeolocation.start();
  }

  stopTracking() {
        BackgroundGeolocation.stop();
  }
}

I finally figured this one out - the BackgroundaGeolocation.js file needs this on lines 12-13:

var exec = cordova.require('cordova/exec'); var channel = cordova.require('cordova/channel');

…instead of the existing code, which is this:

var exec = require('cordova/exec'); var channel = require('cordova/channel');

However, @mauron85 advised me in another issue that I opened that the version installed by the Cordova CLI (which I think comes from NPM or something) has bugs that have been fixed in the master branch of the git repo for it. He suggested installing via git in order to get those changes, so it’s possible this may have been fixed too.

Update: I checked and the version on git does not have cordova.require in it and simply has require. @ShafiqEssani if you’re using Angular as well, you might want to try this workaround for the issue to see if it works for you.

Below is the file that shows the issue - without ionic. To see the error run: npm install npm run build -- --prod geolocation-import-issue.zip This is as minimal as possible, I think. The code that import this module is in src/app/app.component.ts

Now plugin is failing no matter if you put cordova.require or just require.

It will give you the error Error: ./node_modules/cordova-plugin-mauron85-background-geolocation/www/BackgroundGeolocation.js Module not found: Error: Can't resolve 'cordova/channel

@mauron85 What you can do to solve this is to export the BackgroundGeolocoationPlugin interface from your types file :

export interface BackgroundGeolocationPlugin {
// stuff //
}

so Angular/Ionic users can import it and do :

import { BackgroundGeolocationPlugin } from 'cordova-plugin-mauron85-background-geolocation';

declare const BackgroundGeolocation: BackgroundGeolocationPlugin;

whenever they want to use your plugin.

I tested it on my current app and it works like a charm.

Rephrasing my question. Is this related to Angular/Ionic only or also to plain Cordova?

Edit: Official cordova plugins are using same sematics. https://github.com/apache/cordova-plugin-battery-status/blob/master/www/battery.js