インストールのプロセス全体で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
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
});
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
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']});