react-snap icon indicating copy to clipboard operation
react-snap copied to clipboard

TimeoutError: Navigation Timeout Exceeded: 30000ms exceeded

Open Lazy-C0der opened this issue 2 years ago • 11 comments

[email protected] 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! [email protected] postbuild: react-snap npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the [email protected] 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

Lazy-C0der avatar Aug 21 '21 21:08 Lazy-C0der

Exactly the same problem. Any solution?

vishishttiwari avatar Nov 12 '21 07:11 vishishttiwari

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

sushmavoleti avatar Nov 26 '21 10:11 sushmavoleti

Same problem. react-snap 1.23.0

igorilyichyov avatar Mar 03 '22 21:03 igorilyichyov

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.

joshephan avatar Mar 05 '22 04:03 joshephan

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

dominiczy avatar Mar 05 '22 18:03 dominiczy

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.

harrymelka avatar Mar 09 '22 17:03 harrymelka

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

NateBaldwinDesign avatar Apr 21 '23 20:04 NateBaldwinDesign

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"] },

stistoyanov avatar Jul 25 '23 14:07 stistoyanov

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!

diohsu-mrliving avatar Jul 31 '23 01:07 diohsu-mrliving

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

loganknecht avatar Nov 20 '23 19:11 loganknecht

for future refrences hope y'all found a solution but on my end degraded to version @1.10.0

npm install [email protected] --save-dev

this what worked for me

smuchara avatar Mar 27 '24 20:03 smuchara