角2：Braintreeのインポートと使用方法

私はAngular 2の新機能です。私はいくつかのチュートリアルに従ってアプリケーションを作成しましたが、今は私のプロジェクトでbraintreeをインポートして使用しようとしていますが、作業。角2：Braintreeのインポートと使用方法

これまでのところ、私はこの行っている：

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

をそして、私はこのコードを試してみました：

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(/* ... */); 
    }); 
    } 

}

をしかし、私はそこに2つのエラーを取得：

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

たぶん私はしましたいくつかのステップを逃した？または私はそれを別にインポートする必要があります...誰かが私を助けることができる私は少し失われていますか？

出典

2017-10-28 Antoine

systemjsまたはwebpackを使用していますか？ –

私が使用しているものは本当にわかりません（angular.ioのtutorielに従っています）これらのどちらもどちらでもないことは実際にはわかりません – Antoine

あなただけのような単純なimportステートメントを使用することができ、あなたのtypings.d.tsに

declare var require: any;

出典

2017-10-28 16:58:03

エラーを追加する場所にこれらのエラーがあります：エラーTypeError：プロパティ 'client 'は未定義です。本当にうまくいけば分かりませんか？ – Antoine

OKあなたの問題は解決されています。それは問題の問題です。あなたはそのために新しい質問を作成することができ、私は助けようとします –

私はとにかく理由を見つけました。しかし、なぜこの宣言をtypings.d.tsファイルに追加するのですか？私のコンポーネントの上にはない？ – Antoine

これを追加します。あなたはangular2-4でブレインを使用する方法についてexampleいることを確認することができます

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

。

出典

2017-12-10 08:35:23

角2：Braintreeのインポートと使用方法

答えて

関連する問題