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!