Получение пустого экрана после импорта и использования WooCommerce API - PullRequest
Новая
       34

Получение пустого экрана после импорта и использования WooCommerce API

1 голос
/ 21 сентября 2019

Я пытаюсь использовать WooCommerce API в приложении Ionic4 после импорта API на моей домашней странице. Я не вижу ничего на экране вывода ниже:
home.page.ts 

import { Component } from '@angular/core';
import * as WC from '@woocommerce/woocommerce-rest-api';

@Component({
selector: 'app-home',
templateUrl: 'home.page.html',
styleUrls: ['home.page.scss'],
})
export class HomePage {

//Local Objet WooCommerce of type any
WooCommerce: any;

constructor() {

this.WooCommerce = WC({ 
   url: "https://shop.example.com",
   consumerKey: "ck_fc057c56e5b430c9f4be64c86225e11943647ca1",
   consumerSecret: "cs_12842c6e3c1122e9a17cb5c6b4e33aca3e0199528",
 });

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

с помощьюэтот новый API WooCommerce, и когда я импортирую этот API, моя домашняя страница приложения Ionic исчезает.и когда я комментирую этот код, он снова появляется снова.Вот как я импортирую и использую это.после запуска этого кода я получаю это на консоли Вывод:

https://prntscr.com/p8kbmy

1 Ответ

1 голос
/ 22 сентября 2019

Исходя из вашего скриншота, у вас возникли проблемы с global, который не был определен.

Решение , по-видимому, , чтобы определить себя глобально, используя эту строку: 

(window as any).global = window;

Откройте /src/polyfills.ts и добавьте это к основанию: 

// BUG FIX: Add global to window, assigning the value of window itself.
// https://github.com/socketio/socket.io-client/issues/1166#issuecomment-386195105
(window as any).global = window;
...