Javascript 将Puppeter（无头铬）与Vue+一起使用时出现依赖项错误；网页包

我正在使用以下两个库/模板：

（无头镀铬）

（使用Webpack和Express的Vue模板）

代码如下：

export default {
  mounted () {
    const puppeteer = require('puppeteer')

    ;(async () => {
      const browser = await puppeteer.launch()
      const page = await browser.newPage()
      await page.goto('https://www.google.com/search?tbm=bks&q=%22this+is%22')
      const result = await page.evaluate(() => {
        const stats = document.querySelector('#resultStats')
        return stats.textContent
      })
      console.log(result)
      await browser.close()
    })()
  }
}

我安装了很多次npm，但仍然有依赖项错误：

未找到这些依赖项：

• /node\u modules/puppeter/lib/Launcher.js、/node\u modules/puppeter/node6/Launcher.js中的子进程
• fs in./node_modules/extract zip/index.js、./node_modules/extract zip/node_modules/mkdirp/index.js和其他18个

要安装它们，可以运行：npm install--save child_process fs 倾听

---

Node：我还多次执行了npm安装--save child_进程fs。同样的错误。

这似乎是webpack对内置节点模块的投诉。尝试将以下内容添加到您的网页配置中

target: 'node'

在上面的示例中，使用node webpack将编译以在类似node.js的环境中使用（使用node.js require加载块，而不接触任何内置模块，如fs或path）

---

或者，您可以通过以下方法解决此问题

node: {
  fs: 'empty',
  child_process: 'empty'
}

---

你想把木偶演员捆绑起来在浏览器中使用吗？这是一个特定于节点的模块，我怀疑它能否在前端工作。相反，您可以尝试了解为什么要捆绑此文件，以及您是否打算这么做。

谢谢。现在我得到了错误：

uncaughtreferenceerror:require未定义

。以及./node_modules/bindings/bindings.js 81:22-40严重依赖项中的警告

：依赖项的请求是一个表达式

@alex我编辑了我的答案。尝试删除目标并包含编辑。看起来您正朝着两个捆绑包的方向前进，一个用于web（vue），另一个用于服务器端（使用Puppeter）。您能够提取它们并通过http进行通信吗？e、 g.客户端应用程序现在正在与运行某种傀儡逻辑（想想RESTAPI）的服务器端点进行对话。感谢您的帮助。我想我们快到了！应用程序正在运行，但我得到了以下

Uncaught（in promise）类型错误：无法读取promise（webpack）中未定义的属性“call”-internal:///10:223:9)在promisified（

这是有问题的行：

错误：nodeFunction.call（null，…args，callback）

@alex wow这正在迅速升级：D哪种状态下使用可能是可行的解决方法。您使用的是webpack 1.x还是2.x？我使用的是webpack 2…所以可能我无法使用此插件。