Ошибка XHR при использовании API woocommerce в Ionic Framework

Question

Я хочу создать приложение, которое будет получать данные от Woocommerce. Я использую Ionic Framework:

$ionic info


   ionic (Ionic CLI)  : 4.1.1 (C:\Users\hp\AppData\Roaming\npm\node_modules\ionic)
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.2.0

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : not available
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.2, cordova-plugin-ionic-webview 2.1.0, (and 4 other plugins)

System:

   NodeJS : v10.9.0 (C:\Program Files\nodejs\node.exe)
   npm    : 6.2.0
   OS     : Windows 10

А для угловых:

$ng -v

@angular/animations: 5.2.11
@angular/common: 5.2.11
@angular/compiler: 5.2.11
@angular/compiler-cli: 5.2.11
@angular/core: 5.2.11
@angular/forms: 5.2.11
@angular/http: 5.2.11
@angular/platform-browser: 5.2.11
@angular/platform-browser-dynamic: 5.2.11

теперь для извлечения данных в первую очередь я импортирую woocommerce-api в свое приложение с помощью этой команды:

 npm install woocommerce-api@latest

и импортируйте его в мой home.ts:

import * as WC from "woocommerce-api";

теперь внутри моего конструктора:

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  WooCommerce: any;

  constructor(public navCtrl: NavController) {
      this.WooCommerce = WC({
        url: "https://example.com",
        consumerKey: "ck_3xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
        consumerSecret: "cs_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
        wpAPI: true, // Enable the WP REST API integration
        queryStringAuth: true,
        verifySsl: true,
        version: 'wc/v2' 


      });

      this.WooCommerce.getAsync("products").then( (data) =>{
          console.log(JSON.parse(data.body));
      }, (err) => {
        console.log(err)
      } )
  }

}

теперь, когда я запускаю свое приложение с помощью команды ionic serve, я не вижу данных в файле журнала, вместо этого я вижу ошибку XHR, которую я не знаю, что это:

cause: Error
​​
columnNumber: 23
​​
fileName: "http://localhost:8100/build/vendor.js"
​​
lineNumber: 167557
​​
**message: "XHR error"**
​​
stack: "ClientRequest.prototype._onFinish/xhr.onerror@http://localhost:8100/build/vendor.js:167557:23
\nH@http://localhost:8100/build/polyfills.js:3:23948\nF</l</t.prototype.invokeTask@http://localhost:8100/build/polyfills.js:3:15649
\nF</c</r.prototype.runTask@http://localhost:8100/build/polyfills.js:3:10815
\nF</h</e.invokeTask@http://localhost:8100/build/polyfills.js:3:16787
\np@http://localhost:8100/build/polyfills.js:2:27646\nv@http://localhost:8100/build/polyfills.js:2:27893\n"

Я так много ищу, но не могу найти причину.

что такое ошибка? как это решить?