YUP 验证期间出错“无法读取未定义的属性‘长度’”

Question

我得到以下代码块：

 const schema = useMemo(
    () =>
      yup.object().shape({
        name: yup
          .string()
          .trim()
          .required("Missing name")
          .max(40, "Too long"),
        template: yup
          .string()
          .trim()
          .max(2000, "Too long")
          .matches(/^https?:\/\//, "Invalid protocol")
          .required("Missing template")
          .test("variablesUsage", "Missing vars", function (
            value
          ) {
            return vars.some(v => value.includes(`{${v}}`))
          }),
        enabled: yup.boolean(),
      }),
    [message, vars]
  )

问题是每次我在“名称”字段中输入内容时，都会在控制台中收到以下错误：“未捕获（承诺中）TypeError：无法读取未定义的属性'长度'”

如果我从“模板”中删除 .test，它工作正常，但是我找不到这个错误的根本原因。

基本上，在.test中，有一些特定的关键字，这些关键字中至少有1个必须出现在“模板”中

Answer 1

似乎错误是由这一行引起的

return vars.some(v => value.includes(`{${v}}`))

我添加了以下行：

if (value == null) {return false;}

它正在工作。