Javascript 如何捆绑Puppeter以在web应用程序中使用？

我以这种方式导出测试函数：

导出默认测试

const puppeteer = require('puppeteer');

async function test() {
    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    await page.goto('https://example.com');

    // Get the "viewport" of the page, as reported by the page.
    const dimensions = await page.evaluate(() => {
        return {
            width: document.documentElement.clientWidth,
            height: document.documentElement.clientHeight,
            deviceScaleFactor: window.devicePixelRatio
        };
    });

    console.log('Dimensions:', dimensions);

    await browser.close();
};

我正在导入上面的
example.js
文件，方法是
importtestfrom./example'
。因为我得到了错误
未捕获错误：找不到模块“ws”
在webpackMissingModule（WebSocketTransport.js:16）上
at Object../node_modules/puppeter/lib/WebSocketTransport.js

我安装了
ws
，但仍然存在相同的错误。
看起来这是因为我正在尝试捆绑Puppeter以用于web应用程序。如何解决此问题？
使用相同的
导出默认测试时是否存在某种错误？当我从导入它时，
导入测试。/example'
，我得到了以下错误：
/node\u modules/puppeter/lib/WebSocketTransport.js模块未找到：错误：无法解析“../node\u modules/puppeter/lib”中的“ws”，这与导出函数的方式无关。你的环境是什么？js？我正在使用网页包。我已经安装了
ws
。我有
“ws”：“^6.1.2”
在
依赖项下
@user7331530找到解决方案了吗？