为什么此错误未在Redux Action的Catch中结束？

在此应用程序中，我使用async等待来尝试通过几个函数来处理API调用。在测试悲伤的路径错误路由时，我注意到该错误并未最终出现在中catch。

开始整个过程​​的动作

export const submitBasicDetails = form => async dispatch => {
    try {
        const response = await interstitialHandlerPromise(Actions.SUBMIT_FORM, form); // <- we end up here
        console.log('submitBasicDetails response', response); // <-- we see the error here
        const {id} = response.data;

        dispatch({
            type: Actions.SUBMIT_FORM,
            id
        });

        return response;
    } catch (error) {
        console.log('ACTION', error); // <-- instead of here :()
        dispatch({
            type: Actions.SUBMIT_FORM_FAIL,
            id: null,
            error: 'There was a server error, please try again later.'
        });
    }
};

然后，表单数据将命中该interstitialHandlerPromise位置，我们在此决定要使用哪种API方法：

export const interstitialHandlerPromise = (type, data) => {
    const {requestMethod, config} = determineRequestMethod(type);

    const requests = requestMethod(data);

    return new Promise((resolve, reject) =>
        interstitialHandler(requests, config)
            .then(response => resolve(response))
            .catch(error => {
                console.log('intersitial error', error);
                reject(error);
            })
    );
};

最后postForm是requests上面函数内部的函数：

// /test will cause a 500 error since it doesn't exist
export const postForm = async (form, END_POINT = '/api/test') => {
    const resPayload = form.data;
    const resUrl = `${BASE_URL}${V1}${END_POINT}`;

    try {
        const res = await axios.post(resUrl, {...resPayload});

        return {
            res
        };
    } catch (e) {
        console.log('postForm e', e); // <-- This hits because `/test` returns 500
        return new Error(e.message);
    }
};