typescript - 如何修复 Typescript 错误 "Object is possibly ' 未定义'”

Question

我正在构建一个将使用 Stripe API 来处理付款的云函数。这是在一个 firebase 项目中。当我运行 firebase deploy 时，我收到错误消息“对象可能是‘undefined’” const existingSource = customer.sources.data.filter( (s) => s.id === source ).pop();我不确定如何解决这个问题。

这是我的 xxx.ts，其中存在 getorCreateCustomer

/** Read the stripe customer ID from firestore, or create a new one if missing */
export const getOrCreateCustomer = async(uid: string) => {
    const user = await getUser(uid); 
    const customerId = user && user.stripeCustomerId; 

    //if missing customerId, create it
    if (!customerId) {
        return createCustomer(uid); 
    }
    else {
        return stripe.customers.retrieve(customerId); 
    }
}

Answer 1

根据函数的定义和内容，TypeScript 无法推断 getOrCreateCustomer 的返回类型。它假设它可以返回未定义的，并且它的严格模式正在提醒您，因为您可能正在引用 undefined object 上的属性，这会导致运行时出错。

您需要做的是将返回类型声明为不可能未定义的类型，并确保函数主体中的代码在该保证上是正确的(否则您将收到新错误) .

如果您不能这样做(但您确实应该这样做)，您可能希望在 tsconfig.json 文件中禁用严格模式，因为这是在您的代码中强制执行这种正确性级别的原因。

我建议第一个选项，即使您必须编写更多代码行，因为它可以更好地利用 TypeScript 的打字系统。