RTK Query POST请求报错TypeError: _a2 is undefined 排查求助

错误完全出在apiSlice的mutation定义语法上，你在return语句中误用了JS逗号运算符：

return {
    url: `/planapi/goals/${planId}`,
    method: 'POST',
    body: values
    }, console.log(values)

JS逗号运算符会依次执行两侧表达式，最终返回最右侧表达式的运行结果，也就是console.log(values)的返回值undefined，你写的请求配置对象根本没有返回给RTK Query。
fetchBaseQuery拿到的请求配置是undefined，内部解构配置参数时就会抛出这类变量未定义错误——_a2是代码打包压缩后的RTK内部参数名，和你自己写的业务字段没有任何关系，这也是为什么其他接口运行正常、Postman测试后端接口无异常、你在业务代码里搜不到对应变量名的原因。

1. 修正mutation定义 #

把日志打印移到return语句外，保证query函数正确返回请求配置对象：

addGoal: builder.mutation({
    query: (arg) => {
        const {planId, values} = arg;
        console.log(values)
        return {
            url: `/planapi/goals/${planId}`,
            method: 'POST',
            body: values
        }
    },
    invalidatesTags: ['Goals']
}),

改完之后_a2 is undefined的错误会直接消失，接口可以正常发起请求。

2. 修正组件内的提交逻辑 #

你当前的提交逻辑有两个明显问题，会导致错误状态判断异常、提示逻辑错误：

• 混用await和.then/.catch链式调用，导致payload赋值异常，出现fulfilled日志打印undefined的问题
• 成功提示写在try/catch块外，无论请求成功失败都会弹出成功toast
  修正后的提交代码参考：

onSubmit={async (values) => {
    console.log(values);
    try {
        const payload = await addNewGoal({ planId, values }).unwrap()
        console.log('fulfilled', payload)
        toast.success("Goal Added", {
            position: toast.POSITION.TOP_RIGHT
        });
        handleClose();
    } catch (err) {
        console.error('Failed to save goal: ', err)
        toast.error("Error Adding Goal", {
            position: toast.POSITION.TOP_CENTER
        });
    }
}}

遇到这类指向第三方库内部、变量名是压缩后的短名称、全网搜不到同类案例的错误，优先按以下顺序排查：

• 检查传给第三方库的配置、入参是否因为语法错误（漏写return、括号错位、逗号运算符误用）实际传入了undefined/null
• 不要在业务代码里搜索错误信息里的压缩变量名，这类名字是构建时生成的，没有业务含义
• 顺着错误栈找到你自己写的最后一层业务调用代码，核对传入参数的格式、返回值是否符合库的要求，90%以上的这类问题都是传参不符合预期导致的。

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