WoCommerce import help

Ionic Framework
1

Hello I have problem connecting WooCommerce with Ionic.

This is my tab1.page.ts:

import { Component } from '@angular/core';

import * as WC from 'woocommerce-api';

@Component({

  selector: 'app-tab1',

  templateUrl: 'tab1.page.html',

  styleUrls: ['tab1.page.scss']

})

export class Tab1Page {

  WooCommerce: any;

  constructor(public Component) {

    this.WooCommerce({

      url: 'http://tgf.7it.solutions/',

      consumerKey: 'ck_3c48e4b469883b627ae6659c91b57af61756c422',

      consumerSecret: 'cs_f3693d746fef66703b2565f318446e6c84cad09b',

  

    });

  

    this.WooCommerce.getAsync('products').then( ( data ) => {

      console.log(data);

    }, (err) => {

      console.log(err)

    });

  }

  

}

This is dev console:
core.js:6162 ERROR Error: Uncaught (in promise): Error: This constructor is not compatible with Angular Dependency Injection because its dependency at index 0 of the parameter list is invalid.
This can happen if the dependency type is a primitive like a string or if an ancestor of this class is missing an Angular decorator.

Please check that 1) the type for the parameter at index 0 is correct and 2) the correct Angular decorators are defined for this class and its ancestors.
Error: This constructor is not compatible with Angular Dependency Injection because its dependency at index 0 of the parameter list is invalid.
This can happen if the dependency type is a primitive like a string or if an ancestor of this class is missing an Angular decorator.

Please check that 1) the type for the parameter at index 0 is correct and 2) the correct Angular decorators are defined for this class and its ancestors.
at ɵɵinvalidFactoryDep (core.js:4753)
at NodeInjectorFactory.Tab1Page_Factory [as factory] (ɵfac.js? [sm]:1)
at getNodeInjectable (core.js:3548)
at instantiateRootComponent (core.js:10088)
at createRootComponent (core.js:12395)
at ComponentFactory$1.create (core.js:25038)
at ViewContainerRef.createComponent (core.js:23078)
at IonRouterOutlet.activateWith (ionic-angular.js:2922)
at ActivateRoutes.activateRoutes (router.js:2129)
at router.js:2080
at resolvePromise (zone-evergreen.js:798)
at resolvePromise (zone-evergreen.js:750)
at zone-evergreen.js:860
at ZoneDelegate.invokeTask (zone-evergreen.js:399)
at Object.onInvokeTask (core.js:28497)
at ZoneDelegate.invokeTask (zone-evergreen.js:398)
at Zone.runTask (zone-evergreen.js:167)
at drainMicroTaskQueue (zone-evergreen.js:569)
defaultErrorLogger @ core.js:6162
handleError @ core.js:6210
next @ core.js:29117
schedulerFn @ core.js:25848
__tryOrUnsub @ Subscriber.js:183
next @ Subscriber.js:122
_next @ Subscriber.js:72
next @ Subscriber.js:49
next @ Subject.js:39
emit @ core.js:25838
(anonymous) @ core.js:28536
invoke @ zone-evergreen.js:364
run @ zone-evergreen.js:123
runOutsideAngular @ core.js:28439
onHandleError @ core.js:28536
handleError @ zone-evergreen.js:368
runGuarded @ zone-evergreen.js:136
api.microtaskDrainDone @ zone-evergreen.js:670
drainMicroTaskQueue @ zone-evergreen.js:576
Promise.then (async)
scheduleMicroTask @ zone-evergreen.js:552
scheduleTask @ zone-evergreen.js:388
onScheduleTask @ zone-evergreen.js:272
scheduleTask @ zone-evergreen.js:378
scheduleTask @ zone-evergreen.js:210
scheduleMicroTask @ zone-evergreen.js:230
scheduleResolveOrReject @ zone-evergreen.js:847
resolvePromise @ zone-evergreen.js:785
(anonymous) @ zone-evergreen.js:705
webpackJsonpCallback @ bootstrap:25
(anonymous) @ tab1-tab1-module.js:1
|

What i did wrong?
Any help will be appreciated!

2

Tried to inject a decorator.

constructor(public Component)

I have no idea what the bold part is trying to achieve, so I’m at a bit of a loss as to how to suggest a reasonable alternative, but it has to go away.

3

Thanks.
I am new in Ionic and only trying to connect it with Woo store

4

I got this error:

Failed to compile.

../node_modules/asn1/lib/ber/reader.js
Module not found: Error: Can't resolve 'assert' in 'C:\Users\Vladi\node_modules\asn1\lib\ber'