Ich versuche das Braintree SDK (braintree-web) in meiner Angular2 App zu verwenden. Ich würde mich über Hinweise freuen, wie das funktioniert. Ich denke, es liegt daran, dass ich das Braintree-Web-Modul nicht importiere, aber ich kann auch nicht herausfinden, wie ich dazu komme. Ich kann alle Exporte im gesamten Modul finden.
Hier bin ich:
Ich habe die braintree-web-Bibliothek und eine Typisierungsdatei, die ich gefunden habe, importiert.
%Vor%Ich habe versucht, das JS-Beispiel zu hacken, das Braintree in einer Angular2 TS-Komponente bereitstellt, aber ich bekomme immer einen Fehler:
AUSNAHME: Fehler: Nicht abgefangen (in Versprechen): AUSNAHME: Fehler in ./UpaccountComponent Klasse UpaccountComponent - Inline-Vorlage: 5: 7 ORIGINAL EXCEPTION: TypeError: this.braintree.setup ist keine Funktion
Hier ist die .ts Datei.
%Vor% Ich bin mir nicht sicher, ob braintree-web speziell verwendet wird, aber wenn Sie webpack verwenden, entfernen Sie die Zeilen declare var braintree:any; und braintree = require('BrainTreeWeb');
Sie müssen auch die Datei braintree-web / index.js zum Bundle hinzufügen, sofern sie kein UMD-Modul haben.
Von einem kurzen Blick auf braintree-web sieht es so aus, als wäre braintree.setup(..) keine Funktion. So etwas könnte gleichwertig sein:
Bei den Paketinstallationen müssen Sie --save-dev den Typen install hinzugefügt haben.
Ich habe den Gehirnbaum auf die gleiche Weise integriert, wie Sie es getan haben, und es funktioniert. Ich habe gerade einen weiteren Befehl installiert
zuerst installieren
%Vor%installieren Sie dann
%Vor%und verwenden
%Vor% Erneut, wenn es fragt, dass braintree nicht definiert ist, dann entferne declare var braintree:any;
und ersetze den folgenden Code
mit
%Vor%Bearbeiten:
deklarieren Sie einfach die Variable nach dem Import declare var braintree:any; , wenn Sie mit angular 4 arbeiten, dann deklarieren Sie declare var require: any;
Verweisen Sie auf Folgendes: Refring von JS-Bibliotheken von Drittanbietern in angular 2
Es ist eine universelle Lösung. Sie müssen nicht einmal irgendwelche npm-Pakete verwenden. Verweisen Sie einfach auf BrainTree JS libarary in index.html und folgen Sie den oben genannten Schritten. Es ist für jede JS-Bibliothek anwendbar.
Tags und Links javascript angular typescript braintree