Question

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

}

但我遇到两个错误：

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

也许我错过了一些步骤？或者我应该以不同的方式导入它...我有点失落可以有人帮助我吗？

Answer 1

将此添加到您的typings.d.ts

declare var require: any;

Answer 2

您可以使用简单的import语句，如：

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

你可以检查example关于如何使用angular2-4的braintree。

Angular 2：Braintree如何导入和使用它

2 个答案: