web-dev-qa-db-ja.com

ヘッドレスChrome Node APIおよびPuppeteerのインストール

インストールのプロセス全体でchromeきれいなubuntu 18.04でヘッドレスになりました。かなりの問題に直面しました。githubのセットアップガイドはきれいなubuntu 18.04には不十分です。

以下は、ヘッドレスchrome phantomjsの代替手段の設定に対するエラーと回答/解決策です。

エラー1

(node:23835) UnhandledPromiseRejectionWarning: Error: Chromium revision is not downloaded. Run "npm install" or "yarn install"
    at Launcher.launch owlcommand.com /puppeteer/node_modules/puppeteer/lib/Launcher.js:112:15)
    at <anonymous>
(node:23835) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1)
(node:23835) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

エラー2

(node:25272) UnhandledPromiseRejectionWarning: Error: Failed to launch chrome!
owlcommand.com /puppeteer/node_modules/puppeteer/.local-chromium/linux-594312/chrome-linux/chrome: error while loading shared libraries: libX11-xcb.so.1: cannot open shared object file: No such file or directory
puppeteerheadless-browsergoogle-chrome-headless
6
CodeGuru

https://github.com/GoogleChrome/puppeteer に基づく

Ubuntu 18.04で次のコマンドを実行するだけです。

npm i puppeteer

残念ながら、これでは十分ではありません。

次の依存関係が必要です。

Sudo apt-get install gconf-service libasound2 libatk1.0-0 libatk-bridge2.0-0 libc6 libcairo2 libcups2 libdbus-1-3 libexpat1 libfontconfig1 libgcc1 libgconf-2-4 libgdk-pixbuf2.0-0 libglib2.0-0 libgtk-3-0 libnspr4 libpango-1.0-0 libpangocairo-1.0-0 libstdc++6 libx11-6 libx11-xcb1 libxcb1 libxcomposite1 libxcursor1 libxdamage1 libxext6 libxfixes3 libxi6 libxrandr2 libxrender1 libxss1 libxtst6 ca-certificates fonts-liberation libappindicator1 libnss3 lsb-release xdg-utils wget

その後、例に従って実行すると、エラーが表示されます

    (node:28469) UnhandledPromiseRejectionWarning: Error: Failed to launch chrome!
[1025/150325.817887:ERROR:zygote_Host_impl_linux.cc(89)] Running as root without --no-sandbox is not supported. See https://crbug.com/638180.

これに対する解決策は

const browser = await puppeteer.launch({args: ['--no-sandbox']});

--no-sandboxを追加する

それに応じて動作します。完全に機能するソースコードは以下のとおりです

    const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({args: ['--no-sandbox']});
  const page = await browser.newPage();
  await page.goto('http://owlcommand.com');
  await page.screenshot({path: 'example.png'});

  await browser.close();
})();

[email protected]~installへのソリューション：wd％s％s（wd =％s）で実行できません

npm install --unsafe-perm

スクリーンショットサイズ

デフォルトは非常に小さく、テストしているページがレスポンシブである場合、異なるビューポート設定でテストできます。 setViewportメソッドを使用して寸法を変更できます。

await page.setViewport({
  width: 1600, 
  height: 1000
});
18
CodeGuru

11月18日更新：--no-sandboxフラグは不要になりました。launch（）に送信するオブジェクトでheadless：falseプロパティを使用する必要があります

const browser = await puppeteer.launch({
    headless: false,
    slowMo: 80,
    args: ['--window-size=1920,1080']
    });

また、必要なdebian依存関係がすべてインストールされていることを確認してください。

Sudo apt-get install gconf-service libasound2 libatk1.0-0 libc6 libcairo2 libcups2 libdbus-1-3 libexpat1 libfontconfig1 libgcc1 libgconf-2-4 libgdk-pixbuf2.0-0 libglib2.0-0 libgtk-3-0 libnspr4 libpango-1.0-0 libpangocairo-1.0-0 libstdc++6 libx11-6 libx11-xcb1 libxcb1 libxcomposite1 libxcursor1 libxdamage1 libxext6 libxfixes3 libxi6 libxrandr2 libxrender1 libxss1 libxtst6 ca-certificates fonts-liberation libappindicator1 libnss3 lsb-release xdg-utils wget
2
Juan

Dockerでノードアプリケーションを実行しようとしたときにのみこの種の問題が発生したため、与えられた回答に基づいて、最終的にそのDockerfileで動作するようになりました。

_FROM node:12
WORKDIR /app
COPY package.json /app/
RUN apt-get update \
    && apt-get install -y \
    gconf-service \ 
    libasound2 \ 
    libatk1.0-0 \ 
    libatk-bridge2.0-0 \ 
    libc6 \ 
    libcairo2 \ 
    libcups2 \ 
    libdbus-1-3 \ 
    libexpat1 \ 
    libfontconfig1 \ 
    libgcc1 \ 
    libgconf-2-4 \ 
    libgdk-pixbuf2.0-0 \ 
    libglib2.0-0 \ 
    libgtk-3-0 \ 
    libnspr4 \ 
    libpango-1.0-0 \ 
    libpangocairo-1.0-0 \ 
    libstdc++6 \ 
    libx11-6 \ 
    libx11-xcb1 \ 
    libxcb1 \ 
    libxcomposite1 \ 
    libxcursor1 \ 
    libxdamage1 \ 
    libxext6 \ 
    libxfixes3 \ 
    libxi6 \ 
    libxrandr2 \ 
    libxrender1 \ 
    libxss1 \ 
    libxtst6 \ 
    ca-certificates \ 
    fonts-liberation \ 
    libappindicator1 \ 
    libnss3 \ 
    lsb-release \ 
    xdg-utils \ 
    wget \ 
    && npm i puppeteer
COPY . /app
CMD [ "node", "app.js" ]
_

前述のように起動コードも変更しましたが、そのようにうまく機能しました：const browser = await puppeteer.launch({args: ['--no-sandbox']});

0
Bruno Zani