stereobooster/react-snap

TimeoutError: Navigation Timeout Exceeded: 30000ms exceeded

Lazy-C0der opened this issue · 11 comments

client@0.1.0 postbuild D:\OfficiaL\blog\client
react-snap

?? error at / TimeoutError: Navigation Timeout Exceeded: 30000ms exceeded
at D:\OfficiaL\blog\client\node_modules\puppeteer\lib\LifecycleWatcher.js:142:21
-- ASYNC --
at Frame. (D:\OfficiaL\blog\client\node_modules\puppeteer\lib\helper.js:111:15)
at Page.goto (D:\OfficiaL\blog\client\node_modules\puppeteer\lib\Page.js:674:49)
at Page. (D:\OfficiaL\blog\client\node_modules\puppeteer\lib\helper.js:112:23)
at fetchPage (D:\OfficiaL\blog\client\node_modules\react-snap\src\puppeteer_utils.js:232:22)
at processTicksAndRejections (internal/process/task_queues.js:95:5)

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! client@0.1.0 postbuild: react-snap
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the client@0.1.0 postbuild script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Admin\AppData\Roaming\npm-cache_logs\2021-08-21T21_02_16_602Z-debug.log

this one is updated version still not working

Exactly the same problem. Any solution?

Same problem. Ay solution? I'm using react-snap 1.23.0

Same problem. react-snap 1.23.0

Same problem on react-snap 1.23.0.

I'd checked before thread, this problem is related to firebase and puppeteer.

My case downgrade react-snap 1.10.0 works well.

I was able to fix this by setting Puppeteer options to "waitUntil": "networkidle2"

Screenshot 2022-03-09 at 18 03 15

Go to LifecycleWatcher.js inside node modules, _createTimeoutPromise functions line 137 and just add

return new Promise(() => {});

With that you are removing the timeout.

it should work, it's going to take more time to do it but it's working.

Same issue, none of the above methods worked for me.

Just add puppeteer.timeout with a greater value wich works for you and also skipThirdPartyRequests in reactSnap:

"scripts": {
...
"postbuild": "react-snap"
},
"reactSnap": {
"skipThirdPartyRequests": true,
"puppeteer": { "timeout": 90000 },
"puppeteerArgs": ["--no-sandbox", "--disable-setuid-sandbox"]
},

Screenshot 2022-03-09 at 18 03 15

Go to LifecycleWatcher.js inside node modules, _createTimeoutPromise functions line 137 and just add

return new Promise(() => {});

With that you are removing the timeout.

it should work, it's going to take more time to do it but it's working.

It works to me.
thanks!

I am experiencing this issue as well, and the above solutions did not work.