ReferenceError: function is not defined, calling regular function from async function

Question

I'm receiving the following error:

ReferenceError: processElement is not defined

When trying to invoke this regular function from my main async function.

I'm using Chrome Puppeteer to get information about page elements. Puppeteer wants to run in an async function, understandably, but I need to do some processing in other functions, possibly recursively.

My basic structure is this:

function processElement(element, index) {
  // element processing here, may ultimately need recursion.
}

function async main() {
  // puppeteer stuff
  const elements = document.querySelectorAll('p');
  elements.forEach((element, index) => {
    processElement(element, index);
  }
}

main();

Thanks for any help! I'm new to the whole async/await paradigm.

Can you please post your actual code, not something with a syntax error? — Bergi, Jan 26 '19 at 17:35
Are you using Puppeteer to evaluate that code inside the loaded page? — Bergi, Jan 26 '19 at 17:37

score 1 · Answer 1 · answered Jan 26 '19 at 17:34

You need to use the async keyword before the function.

function processElement(element, index) {
  // element processing here, may ultimately need recursion.
  console.log(element);
}

async function main() {
  // puppeteer stuff
  const elements = document.querySelectorAll('p');
  elements.forEach((element, index) => {
    processElement(element, index);
  });
}

main();

<p>Hello</p>
<p>World</p>

ReferenceError: function is not defined, calling regular function from async function

1 Answers1