TypeScript中PaymentRequest对象无canMakePayment定义，该如何处理？

嘿，这个问题我之前也碰到过，本质上是TypeScript内置的DOM类型定义没有完全覆盖Payment Request API的所有方法导致的——毕竟这个API的兼容性还在逐步完善，类型定义可能没跟上。给你几个不同场景下的解决办法，按推荐程度排序：

1. 扩展类型声明（推荐，保持类型安全） #

这是最规范的做法，不用牺牲TypeScript的类型检查优势。你可以自己创建一个类型声明文件，比如payment-request.d.ts，放在项目根目录或者TypeScript能识别的声明文件夹里，然后添加以下内容：

interface PaymentRequest {
  canMakePayment(): Promise<boolean>;
}

保存之后，TypeScript就会自动识别这个方法，你可以正常调用paymentRequest.canMakePayment()而不会报错，同时还能享受完整的类型提示。

2. 临时类型断言（快速应急，不推荐长期使用） #

如果只是要快速跑通代码，不想折腾类型声明，可以用类型断言把实例强制转换成any类型：

const paymentRequest = new PaymentRequest(/* 你的参数 */);
(paymentRequest as any).canMakePayment().then(canPay => {
  // 这里处理支付能力判断逻辑
});

不过要注意，这种方式会完全失去TypeScript的类型检查，容易埋下潜在bug，所以只建议临时用一下，后续还是换成第一种方法更好。

3. 检查TypeScript版本和lib配置 #

有时候是因为你用的TypeScript版本太老，对应的DOM类型库还没加入canMakePayment的定义。可以先升级TypeScript到最新稳定版：

npm install typescript@latest --save-dev

然后检查tsconfig.json里的lib配置，确保包含了dom（提供DOM类型）和es2017（因为canMakePayment返回Promise，需要ES2017及以上的Promise类型支持）：

{
  "compilerOptions": {
    "lib": ["dom", "es2017"]
  }
}

内容的提问来源于stack exchange，提问作者Andrew Davis