gpt4 book ai didi

reactjs - Heroku : puppeteer chrome: error while loading shared libraries: libX11-xcb. so.1

转载 作者:行者123 更新时间:2023-12-05 05:01:36 26 4
gpt4 key购买 nike

使用 react-snap 将应用程序部署到 Heroku 时出现以下错误。

puppeteer/.local-chromium/linux-686378/chrome-linux/chrome: error while loading shared libraries: libX11-xcb.so.1: cannot open shared object file: No such file or directory

我应用了所有更改,设置了所有构建包。

我什至可以在没有 "postbuild": "react-snap" 行的情况下对第一次部署使用react,它有效。

但是在这里添加行,会再次失败。现在怎么办?

"reactSnap": {
"cacheAjaxRequests": true,
"inlineCss": true,
"http2PushManifest": true,
"puppeteerArgs": ["--no-sandbox", "--disable-setuid-sandbox"]
}
"postbuild": "react-snap"

最佳答案

我为这个问题苦苦挣扎了 4 个小时。在谷歌上搜索了很多解决方案,但没有一个对我有用。最后我明白了! (其实就是此时此刻)

Heroku 日志:

   > individual-claims@0.1.0 postbuild /tmp/build_3cc3bffa_
> react-snap

✅ crawled 1 out of 1 (/)

完成!我很高兴。

解决方案:

  1. 转到 Heroku 设置 -> 构建包 -> 添加构建包
  2. 地址:https://github.com/jontewks/puppeteer-heroku-buildpack.git

重要!!! 确保这是第一个。这是常见错误。在 Heroku 上制作 React 时,您已经(我想)拥有 https://github.com/mars/create-react-app-buildpack.git但是react-buildpack应该是第二个。没人说。

  1. 重新部署并享受乐趣。

注意:经过大量努力后,我对我的应用程序进行了一些更改(不过,我认为这并不重要)

  1. 在 package.json 中
     "engines": {
"node": ">=14.12.0", // Just to make sure I have the latest and the greatest
"npm": ">=6.14.8"
},

"devDependencies": {
...
"prettier": "^2.1.2", // Just to make sure I have the latest and the greatest
...
}
  1. Heroku 堆栈:heroku-18。这是默认设置,除非您的应用程序是旧的,否则您拥有它。

  2. 我没有这些行:

"cacheAjaxRequests": true,
"inlineCss": true,
"http2PushManifest": true,

我听说 "inlineCss": true, 可能会导致问题

关于reactjs - Heroku : puppeteer chrome: error while loading shared libraries: libX11-xcb. so.1,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62648726/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com