我找到了来自here的Ahmed Sbai给出的解决方案。

calories: z.preprocess(
(a) => parseInt(z.string().parse(a), 10),
z.number().positive().min(1)
),

字符串

使用react-hook-form可以将字符串值转换为数字，如下所示：

<input
      {...register('numberInput', {
        setValueAs: (value) => Number(value),
      })}
      type="number"
    />

字符串

当输入类型为number时，即使用户输入数字，它也会将其值作为string发送。
因此，Zod将该值视为string，并认为它对于number()验证无效。
我不熟悉Zod，但这里的想法是，在应用Zod验证之前，如果可以的话，您需要将输入值转换为数字，否则将其验证为应该是有效数字的字符串。

你想要的是：

calories: z.coerce
    .number({
      required_error: "Calories is required",
      invalid_type_error: "Calories must be a number",
    })
    .int()
    .positive()
    .min(1, { message: "Calories should be at least 1" }),

字符串
注意.number()之前的coerce。它将接受任何输入，即：数字'42'的字符串，并将其转换为数字42。