javascript - error: await is only valid in async function

Question

I keep getting this error "await is only valid in async function". Does anyone know where can be a problem?

$(document).ready(() => {

const getIso = async (latitude, longitude) => {

        let newIso = await $.ajax({
            url: `https://nominatim.openstreetmap.org/reverse?format=jsonv2&lat=${latitude}&lon=${longitude}`,
            lat: latitude,
            lon: longitude,
            datatype: 'jsonv2',
        });
        const iso = newIso.address.country_code;
        console.log(iso); // workds
        return newIso;
    };

    navigator.geolocation.getCurrentPosition(function (position) {
        const latitude = position.coords.latitude;
        const longitude = position.coords.longitude;
        getIso(latitude, longitude);
    });

    let lol = await getIso();
    console.log(lol);

});

question from:https://stackoverflow.com/questions/65865215/error-await-is-only-valid-in-async-function

Answer 1

Your error is comming from line:

let lol = await getIso();

because this line is inside this function:

$(document).ready(() => {

which is not an async function.

await is a reserved word that only works inside async functions