Javascript Angular 2:Braintree如何导入和使用它

我是新来的。我已经学习了一些教程并创建了一个应用程序，现在我正试图在我的项目中导入和使用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(/* ... */);
    });
  }

}

但我有两个错误：

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

---

也许我错过了一些步骤？或者我应该以不同的方式导入它。。。我有点迷路了有人能帮我吗

将此添加到您的打字中

declare var require: any;

---

您可以使用简单的

import

语句，如下所示：

从'braintreeweb'导入{client}；
从“braintree web”导入{hostedFields}；

---

您可以在如何将braintree与angular2-4一起使用时检查这一点。

您使用的是systemjs还是webpack？不太确定我在使用什么（我遵循angular.io的教程）我不知道这两者都是什么我在添加时遇到以下错误：错误类型错误：无法读取未定义的属性“client”。不确定它是否真的有效？好的，你的require问题已经解决了，这是另一个问题，你可以为此创建一个新问题，我会尽力帮助你。好的，我已经找到了原因。但是为什么要将这个声明添加到typings.d.ts文件中呢？而不是在我的组件顶部？TypeScript编译器无法识别本机的require，如果您不添加它，它会抛出一个错误