Yup：cast转换失败后如何获取错误信息？

我完全懂你的困扰——Yup的cast()方法虽然好用，但转换失败时只会返回null，没法拿到具体的错误原因，而且先跑validate()再跑cast()又要做两次重复操作，确实有点冗余。其实有个更高效的办法，能让你一次操作同时拿到转换结果和错误信息：

利用validate()方法一举两得 #

Yup的validate()（或同步版validateSync()）在验证通过时，会自动返回经过转换后的有效数据——这和cast()的输出是完全一致的；而如果验证/转换失败，它会抛出包含详细错误信息的ValidationError对象。这样你就不用额外调用cast()了，一次调用搞定两个需求。

举个实际的代码例子：

首先定义你的验证Schema：

const userSchema = yup.object().shape({
  age: yup.number().integer().positive().required(),
  email: yup.string().email().required(),
  signupDate: yup.date().default(() => new Date())
});

异步实现方式

async function processUserData(rawData) {
  try {
    // validate会自动完成转换，返回处理后的数据
    const castedValidData = await userSchema.validate(rawData, {
      abortEarly: false, // 开启这个选项会返回所有错误，而不是第一个错误就终止
      stripUnknown: true // 可选：移除Schema中未定义的字段
    });
    return { success: true, data: castedValidData, error: null };
  } catch (validationError) {
    // 这里拿到完整的错误信息，包括每个字段的错误详情
    return { success: false, data: null, error: validationError.errors };
  }
}

同步实现方式

如果你的场景不需要异步，可以用validateSync()：

function processUserDataSync(rawData) {
  try {
    const castedValidData = userSchema.validateSync(rawData, {
      abortEarly: false,
      stripUnknown: true
    });
    return { success: true, data: castedValidData, error: null };
  } catch (validationError) {
    return { success: false, data: null, error: validationError.errors };
  }
}

针对单个字段的场景 #

如果你只需要转换单个字段，也可以直接针对Schema中的字段调用validate()：

try {
  const castedAge = await userSchema.fields['age'].validate(rawAge);
  // 转换成功，拿到处理后的age
} catch (err) {
  // 拿到该字段的错误信息
  console.error('Age转换失败：', err.message);
}

这种方式既避免了重复调用方法，又能同时获取转换结果和错误详情，完美解决你的需求~

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