如何在 Ionic 3 中使用需要信用卡

Posted 2023-03-07

【中文标题】如何在 Ionic 3 中使用需要信用卡

【英文标题】：How can I use require creditcard in Ionic 3

【发布时间】：2018-09-04 18:52:54

【问题描述】：

如何在 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

我尝试了发布的解决方案，但似乎都没有。

首先我尝试添加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 中还有一个帖子：Typescript Error Cannot find name 'require'. IONIC 3。这不提供相关信息，因为它特定于 @types/node。

【参考方案1】：

我相信问题出在您的 tsconfig 文件中。您应该包括“类型：[节点]”