如何在 Ionic 3 中使用 require creditcard

Question

如何在 Ionic 3 中使用节点模块 creditcard？

实现的例子有：

var Card = require('creditcards/card')
var card = Card([visa])
card.isValid('4242424242424242')
// => true

var expiration = require('creditcards/expiration')
expiration.isPast(10, 2010)
// => true

但是使用 Ionic 3 我得到了错误 Cannot find name 'require'. 我在 ionic 中发现了与 lodash 类似的问题：https://github.com/ionic-team/ionic/issues/8274

我尝试了 posted 解决方案并且 none 似乎有效。

首先我尝试添加 import card from 'creditcards/card'; 这是离子代码：

import { Component } from '@angular/core';
import card from 'creditcards/card';

@Component({
  templateUrl: 'creditcard.html'
})
export class CreditcardPage {
  creditContent: string;
  constructor() {
    this.creditContent = card.isValid(`42424242424242`);
  }
}

我收到错误 ReferenceError: card is not defined。

我试过了import 'creditcards/card';:

import { Component } from '@angular/core';
import 'creditcards/card';

@Component({
  templateUrl: 'creditcard.html'
})
export class CreditcardPage {
  creditContent: string;
  constructor() {
    this.creditContent = card.isValid(`42424242424242`);
  }
}

我收到错误 Uncaught ReferenceError: Card is not defined

SO中还有一个post：Typescript Error Cannot find name 'require'. IONIC 3。这不提供相关信息，因为它特定于 @types/node。

Answer 1

我认为问题出在您的 tsconfig 文件中。您应该包括 'types:[node]'

如何在 Ionic 3 中使用 require creditcard

How can I use require creditcard in Ionic 3

node.js

node-modules

ionic-framework

angular