Angular 2: Braintree wie man es importiert und benutzt

Ich bin neu in Angular 2. Ich habe ein Tutorial verfolgt und eine Anwendung erstellt und jetzt versuche ich Braintree in meinem Projekt zu importieren und zu benutzen, aber das tut es nicht Arbeit.Angular 2: Braintree wie man es importiert und benutzt

Bisher habe ich dies getan:

npm install @types/braintree-web 
npm install --save braintree-web

Und ich habe diesen Code versucht:

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

@Component({ 
    selector: 'app-paymenttest', 
    templateUrl: '../html/paymenttest.html', 

}) export class PaymenttestComponent implements OnInit { 

    client = require('braintree-web/client'); 
    hostedFields = require('braintree-web/hosted-fields'); 

    ngOnInit() { 
    this.client.create({ 
     authorization: 'CLIENT_AUTHORIZATION'}, 
     (err, clientInstance) => { 
     this.hostedFields.create(/* ... */); 
    }); 
    } 

}

aber ich bekomme es zwei Fehler:

ERROR in [...]/paymenttest.component.ts (9,12): Cannot find name 'require'. 
ERROR in [...]paymenttest.component.ts (10,18): Cannot find name 'require'.

Vielleicht hab ich verpasste einige Schritte? Oder ich sollte es anders importieren ... Ich bin ein wenig verloren kann mir jemand helfen?

Quelle

2017-10-28 Antoine

verwenden Sie Systemjs oder Webpack? –

Nicht wirklich sicher, was ich benutze (Ich habe den Tutor von angular.io verfolgt) Ich weiß nicht wirklich, was ist keiner dieser – Antoine

fügen Sie diese zu Ihrer typings.d.ts

declare var require: any;

Quelle

2017-10-28 16:58:03

Ich bekomme diese Fehler beim Hinzufügen: ERROR TypeError: Kann nicht lesen Eigenschaft 'Client 'von undefiniert. Nicht sicher, ob es wirklich geklappt hat? – Antoine

ok Ihr Problem mit require ist behoben, das ist ein anderes Problem, Sie können eine neue Frage dafür erstellen und ich werde versuchen, zu helfen –

Ok ich habe warum trotzdem gefunden. Aber warum diese Deklaration in die Datei typings.d.ts hinzufügen? Und nicht auf der Oberseite meiner Komponente? – Antoine

Sie einfach import Anweisungen verwenden können wie:

import { client } from 'braintree-web'; 
import { hostedFields } from 'braintree-web';

Sie, dass example auf überprüfen, wie braintree verwenden, um mit angular2-4 .

Quelle

2017-12-10 08:35:23

Angular 2: Braintree wie man es importiert und benutzt

Antwort

Verwandte Themen