JSHandles只能在它们创建的上下文中进行评估/无法找到具有指定id的上下文

Question

我从select -> option中选择选项，每次页面重新加载时，首先单击下拉列表时，我会收集所有想要选择的elementHandles。我想通过所有这些。我只能选择第一个，然后我收到此错误：

JSHandles只能在创建它们的上下文中进行评估

因此，每次页面重新加载时，我都会尝试重新创建ElementHandles。我有这个代码：

功能1：

case:click
try {
   await page.evaluate((el) => {
   return el.click()
   }, 'select');
   await page.waitFor(1500);
} catch (e) {
   console.log(e);
}
break;

case: getNavigation
let navigation = await page.$$('select > option');
break;

case: doActions
let i = 0;
for (elements in navigation) {
  let result = await function2(commands, i, page)
  i++;
}
break;

然后功能2：

async function function2(commands, i, inPage){
let page = inPage;
if (!page) {
const browser = await puppeteerLambda.getBrowser({ headless: true, slowMo: 100,  args: ['--no-sandbox', '--disable-setuid-sandbox', '--single-process', '--start-fullscreen', '--window-size=1413,749']}); //TODO: setup Proxy
        console.log('opening new page');
        page = await browser.newPage();
....
}
let navigation;
case: click
try {
await page.evaluate((el) => {
return el.click()
}, 'select');
await page.waitFor(1500);
} catch (e) {
console.log(e);
}
case: getNavigation
navigation = await page.$$('select > option'); //recreating elementHandle array

case: selectOption
const optionValue = await page.evaluate(value => value.value, navigation[i]);
await page.select('select', optionValue);
case: extract
......

我再次选择2次选项，然后我收到此错误：

错误：协议错误（Runtime.callFunctionOn）：找不到具有指定标识的上下文

任何人都可以帮我解决这个问题吗？

Answer 1

根据Official Documentation为JSHandle：

JSHandles在其原始帧被导航或父上下文被破坏时被自动释放。

因此，每次页面重新加载时，您都需要重新获得JSHandle。