在使用捕获网站时，木偶师出现webpack抛出错误:浏览器未下载，位于ChromeLauncher.launch(web

Question

我正试图通过在nodejs上提供html文件来截屏。我已经使用了捕获网站包。这是代码：

try{
await captureWebsite.file('file.html', 'file.png', {overwrite: true}, function (error) {
if (error) {
console.log('error',error);
}
});
}catch(e){
console.log('error in capture image:',  e)
}

版本：节点：12.16.1捕获网站："0.8.1"角度：7

Answer 1

您可以执行以下操作：

async function screenshotFromHtml ({ html, timeout = 2000 }: ScreenshotOptions) {
const browser = await puppeteer.launch({
headless: !process.env.DEBUG_HEADFULL,
args: [
'--no-sandbox',
'--disable-setuid-sandbox',
]
})
const page = await browser.newPage()
// Set viewport to something big
// Prevents Carbon from cutting off lines
await page.setViewport({
width: 2560,
height: 1080,
deviceScaleFactor: 2
})
page.setContent(html)
const base64 = await page.screenshot({ encoding: "base64" }) as string;
// Wait some more as `waitUntil: 'load'` or `waitUntil: 'networkidle0'
await page.waitFor(timeout)
// Close browser
await browser.close()
return base64
}

这段代码是用typescript编写的，但您可以在JS项目中使用函数体

在这个github文件中，你可以看到一个html渲染代码太