node.js - 未下载 Chromium 修订版。在 Electron 构建中的 Launcher.launch 运行 "npm install"或 "yarn install"

Question

我的项目是一个桌面 Electron 应用程序，可以在点击时抓取网站。简单的。

我的项目在本地运行良好(当然)，但是当我去运行 npm run package-win并创建我的 Windows 生产应用程序，我相信当 puppeteer 尝试启动浏览器时会出现错误。

我只有在为 Windows 构建时才会得到这个。在我的 Mac 上构建它可以工作并且没有错误...

Chromium revision is not downloaded. Run "npm install" or "yarn install"  at Launcher.launch

我尝试删除 package.lock、node_modules 文件夹，当然还有运行 npm install按照建议。我认为这与版本控制有关？这是我的 package.json文件:

{
  "name": "my-project",
  "version": "1.0.0",
  "description": "My project description.",
  "main": "main.js",
  "scripts": {
    "start": "electron .",
    "package-win": "electron-packager . my-project --overwrite --asar=true --platform=win32 --arch=ia32 --icon=assets/icons/win/icon.ico --prune=true --out=release-builds --version-string.CompanyName=CE --version-string.FileDescription=CE --version-string.ProductName=\"My Project\""
  },
  "license": "CC0-1.0",
  "devDependencies": {
    "electron": "^2.0.12",
    "electron-packager": "^12.2.0"
  },
  "dependencies": {
    "electron-json-storage": "^4.1.4",
    "nodemailer": "^4.6.7",
    "puppeteer": "^1.8.0"
  }
}

我可以告诉我的 try catch 失败了，因为错误消息来自 catch 所以这个 block 内的某些东西失败了，但只在生产构建中:

  async scrape(url) {
      try {
        // Launch & Setup browser
        this.browser = await puppeteer.launch({
          args: ["--no-sandbox"],
          headless: true
        });
        this.page = await this.browser.newPage();
        await this.page.setViewport({
          width: 1920,
          height: 926
        });
        this.page.setUserAgent('Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36');

        await this.page.goto(url);
        await this.page.waitForSelector('ul.rows');

        // Get all the listings on the page
        this.listings_array = await this.get_DOM_elements_from_page();
        console.log(this.listings_array);

      } catch (err) {
        console.log('SOMETHING WENT WRONG', err);
      }
    }

这个函数在一个类里面。这就是为什么引用 this .我将浏览器、页面和其他内容存储在刮板实例上。

Answer 1

"pkg": "rm -rf ./pkg && pkg -t node8-macos-x64 --out-path pkg .",
"postpkg": "mkdir -p ./pkg/node_modules/puppeteer && cp -R ./node_modules/puppeteer/.local-chromium ./pkg/node_modules/puppeteer"

将此添加到您的 package.json