Axios-Post-Anfrage gibt kein gültiges Versprechen zurück ⇐ JavaScript

[Guest]

Ich verwende Axios für eine Post-Anfrage, aber während der Ausführung erscheint bei einigen Benutzern die Fehlermeldung „Eigenschaften von undefiniert können nicht gelesen werden, then() wird gelesen“. Eigentlich läuft mein Reaktionscode in einer Webansicht innerhalb einer Android-App

Code: Select all

const getHomePageDetails = () => {
let request = {step: OnlineFlowWorkFlowStep.HOME};
let url = process.env.REACT_APP_BASE_URL_DEV) + "/fetch-details";
const accessToken = LocalStorageService.getAccessToken();
const config = {
headers: {'Authorization': accessToken,"Content-Type": "application/json" }
}
axios.post(url, request, config).then((response) => {
populateResponse(response);
}).catch((error) => {
console.log(error)
});
}

Nach einigen Änderungen habe ich zuerst die Fetch-API verwendet und bei einem Fehler Axios verwendet, aber das Problem bestand immer noch in einigen Fällen, in denen die Fetch-API fehlschlug und der Code an Axios ging und der oben erwähnte Fehler auftauchte Kann ich damit umgehen?

Code: Select all

let retryCount = 0;
const getHomePageDetails = useCallback(async () => {
let request = {step: OnlineFlowWorkFlowStep.HOME};
let url = process.env.REACT_APP_BASE_URL_DEV) + "/fetch-details";
const accessToken = LocalStorageService.getAccessToken();
const config = {
headers: {'Authorization': accessToken,"Content-Type": "application/json"}
}

try {
config.method = 'POST';
config.body = JSON.stringify(request);
const response = await fetch(url, config);
response.data = await response.json();
populateResponse(response);
return;
} catch (error) {
try {
axios.post(url, request, config).then((response) => {
populateResponse(response);
return;
}).catch((error) => {
if (retryCount < 1) {
retryCount++;
getHomePageDetails();
return;
}
});
} catch (error) {
if (retryCount < 1) {
retryCount++;
getHomePageDetails();
return;
}
}

}
})