He usado titiritero para capturar la captura de pantalla de mi página en React JS. Pero está tomando una captura de pantalla en blanco en lugar de los gráficos reales presentes en la página. Aquí está mi código.

 const puppeteer = require('puppeteer'); const url = process.argv[2]; if (!url) { throw "Please provide URL as a first argument"; } async function run () { return new Promise(async (resolve, reject) => { try { const browser = await puppeteer.launch({args: ['--no-sandbox', '--disable-setuid-sandbox'],headless: true, ignoreHTTPSErrors:true}); const page = await browser.newPage(); await page.goto(url, { timeout: 30000, waitUntil: "networkidle0" }); await page.content(); let imgDataBase64 = await page.screenshot({quality:100, fullPage: true, encoding: "base64", type: "jpeg"}); await browser.close(); return resolve(imgDataBase64); } catch (e) { return reject(e); } }) } run().then(console.log).catch(console.error);

El motivo de lo mismo podría ser que el documento se cargue primero antes de que se cargue el gráfico. Y el titiritero toma la captura de pantalla tan pronto como se carga el documento. ¿Puede alguien por favor ayudarme con esto? Tenemos que asegurarnos de que no haya demoras en la carga del gráfico después de cargar el documento para que la captura de pantalla se pueda capturar correctamente. Por favor ayuda. Gracias por adelantado.