如何在 Puppeteer 中使用带有本地文件路径的 addScriptTag()

Question

我正在尝试将 puppeteer 与本地脚本文件一起使用。

我在托管文件并使用 addScriptTag() 和本地主机地址时获取要加载的脚本文件。这并不理想。我需要直接从路径使用本地文件。在这种情况下，当前工作目录是 /maps。我在 addScriptTag() 函数的选项中将相对路径设置为路径，但在这个阶段代码对我来说只是变黑了。没有错误，也没有进入任何东西。

console.log(`Current directory: ${process.cwd()}`);
// C:\Users\dbauszus\Documents\GitHub\maps
(async () => {
    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    await page.setContent(jsr.templates('./views/report.html').render(), {waitUntil: 'load'});
    // works with an url to the same file.
    // await page.addScriptTag('http://localhost:3000/maps/js/build/report_bundle.js');
    // path for js file on windows C:\Users\dbauszus\Documents\GitHub\maps\public\js\build\report_bundle.js
    await page.addScriptTag({path: 'public\js\build\report_bundle.js'});
    await page.screenshot({path: 'example.png'});
    await browser.close();
})();

欢迎任何帮助，因为我发现 puppetteer 文档越来越令人沮丧，而且目前还没有 (m) 任何工作示例。

Answer 1

版本问题。此方法仅在昨天的最新更新 0.12 中引入。我前一天安装了 puppeteer。嗯！

https://github.com/GoogleChrome/puppeteer/issues/949

如何在 Puppeteer 中使用带有本地文件路径的 addScriptTag()

How to use addScriptTag() with local file path in Puppeteer

javascript

puppeteer