如何配置Formik错误消息与验证？遇Yup校验异常求助

核心矛盾 #

你已在Yup的taxCode验证规则中加入Q7，但Formik提交时仍提示该值不在允许列表（仅显示I0, O0, U1, U2），且错误提示文本在代码库中找不到。

具体排查步骤 #

1. 确认Yup Schema是否真正关联到Formik表单 #

单文件18000行代码大概率存在重复Schema定义，或当前使用的Schema并非你修改的版本：

• 找到UWF页面的Formik组件初始化代码，检查validationSchema属性是否指向你修改的Schema对象。
• 排查代码中是否有其他地方定义了transactionLineItems的taxCode验证规则（比如全局Schema文件、条件渲染时的动态Schema）。

2. 排查缓存或构建问题 #

浏览器或构建工具的缓存可能导致修改后的代码未生效：

• 强制刷新浏览器（Ctrl+Shift+R），清除本地缓存后重新测试。
• 重启本地开发服务器，执行完整项目构建命令（如npm run build或yarn build），确保新代码被打包。

3. 检查是否有运行时动态修改Schema的逻辑 #

代码可能在运行时通过条件判断修改了oneOf的允许值列表：

• 在提交表单前（调用validateForm之前），打印当前Schema的验证规则，确认taxCode的允许值：

  // 假设你的Schema名为invoiceSchema
  console.log(invoiceSchema.fields.transactionItems.fields.transactionLineItems.fields.taxCode.describe());
  

  查看输出的allowedValues字段，确认是否包含Q7。如果没有，查找代码中是否有类似taxCode.oneOf(allowedTaxCodes)的动态赋值逻辑，检查allowedTaxCodes是否被过滤。

4. 确认Formik是否使用了自定义验证覆盖Yup规则 #

Formik允许同时配置validationSchema和validate自定义函数，后者可能覆盖前者的验证结果：

• 检查Formik组件的配置，看是否存在validate属性，里面是否包含针对taxCode的自定义验证逻辑，且未将Q7列入允许值。
• 检查FormikHelpers.validateForm的调用是否传入了自定义验证函数，而非使用默认的Schema验证。

5. 关于错误提示文本的说明 #

你找不到的must be one of the following values是Yup内置的默认错误提示，并非代码库中硬编码的文本。当oneOf验证失败时，Yup会自动生成这条提示，无需手动定义。

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