提交登录表单遇Execution context was destroyed错误，求修复方案

这个错误是因为点击登录按钮后触发了页面导航，原页面的执行上下文被销毁，若后续操作（包括内部异步逻辑）试图访问已失效的上下文就会报错。以下是几种可行的解决办法：

• 等待导航完成
  点击登录按钮的同时，并行等待页面导航结束，确保后续操作在新的页面上下文中执行：

  const page = await chromium.newPage();
  await page.goto("你的登录页面URL");
  await page.type("#user", this.username);
  await page.type("#pass", this.password);     
  // 并行执行点击动作和导航等待
  await Promise.all([
    page.click("#login_submit"),
    page.waitForNavigation({ waitUntil: 'networkidle2' }) // 等待网络空闲，确保页面加载完成
  ]);
  

• 针对AJAX登录场景等待目标元素
  如果登录是通过AJAX请求完成后再跳转页面，可直接等待登录成功后才会出现的元素，无需等待导航：

  const page = await chromium.newPage();
  await page.goto("你的登录页面URL");
  await page.type("#user", this.username);
  await page.type("#pass", this.password);     
  await page.click("#login_submit");
  // 等待登录成功后的标志性元素加载
  await page.waitForSelector("#登录后显示的元素ID", { timeout: 10000 });
  

• 添加导航异常捕获
  若页面存在多次跳转或导航可能被中断的情况，可添加错误捕获避免程序崩溃：

  try {
    await Promise.all([
      page.click("#login_submit"),
      page.waitForNavigation({ waitUntil: 'networkidle2', timeout: 15000 })
    ]);
  } catch (err) {
    console.log("导航超时或异常:", err);
  }
  

内容的提问来源于stack exchange，提问作者ImLoadingOwO