Uncaught SyntaxError: await is only valid in async function in async function

Question

getRevenueByID function being called in async function, however getting an Uncaught SyntaxError. What am I doing wrong here?

(async() =>{

try {
    response = await fetch(mainURL);
    data = await response.json();

    console.log(data);
    console.log(data.results[0].title);

    ID_Array = [].concat.apply([], data.results.map(d => d.id))
    console.log(ID_Array);


    getRevenueByID(ID_Array);
} catch (error) {
    console.log(error);
}
})();

getRevenueByID = (arr => {
    for (let i = 0; i < arr.length; i++){
        console.log("ID is: ", arr[i]);
        getRevenueURL = await fetch('someurl' + arr[i] + '?api_key=YOUR_KEY&language=en-US');
        console.log(getRevenueURL);
        // let data = await getRevenueURL.json();
        // console.log(data);

    }
});

You can only await a function call from directly inside an async function. — Pointy
– Pointy, Commented Feb 25, 2019 at 15:58
You should get reference error. getRevenueByID is not defined at the time you call the function. — Bhojendra Rauniyar
– Bhojendra Rauniyar, Commented Feb 25, 2019 at 16:04

Quentin · Accepted Answer · 2019-02-25 16:02:03Z

3

getRevenueByID itself is not an async function.

"await is only valid in async function" means "directly in" not "called from somewhere back in the callstack".

So make it async:

getRevenueByID = async (arr) => {
    // ...
};

And then await it back where you call it:

await getRevenueByID(ID_Array);

Collectives™ on Stack Overflow

Uncaught SyntaxError: await is only valid in async function in async function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related