TimeoutError: Navigation timeout of 30000 ms exceeded

[feibi8597]

TimeoutError: Navigation timeout of 30000 ms exceeded
at D:\timecut_demo\node_modules\puppeteer\lib\LifecycleWatcher.js:142:21
-- ASYNC --
at Frame. (D:\timecut_demo\node_modules\puppeteer\lib\helper.js:111:15)
at Page.goto (D:\timecut_demo\node_modules\puppeteer\lib\Page.js:672:49)
at Page. (D:\timecut_demo\node_modules\puppeteer\lib\helper.js:112:23)
at D:\timecut_demo\node_modules\timesnap\index.js:173:21
at processTicksAndRejections (internal/process/task_queues.js:97:5)

Puppeeter may be the problem, and how to fix it, Thank you very much

[christianhujer]

I'm encountering the same error on Linux, but only if the SVG is "slow".

[tungs]

Hi all, could you post a sample web page that has this problem? Also, if you could verify that the page correctly loads in puppeteer, that would be helpful too to determine that timesnap/timecut has the problem. Thanks!

[christianhujer]

I'm experiencing the problem with the following SVG (in a Zip file because GitHub doesn't support uploading SVG files).

GlowingLogo.zip

[feibi8597]

Hi all, could you post a sample web page that has this problem? Also, if you could verify that the page correctly loads in puppeteer, that would be helpful too to determine that timesnap/timecut has the problem. Thanks!

I'm experiencing the problem with the following webpage，this webpage can correctly loads in puppeteer. Thank you very much
timecut_demo.zip

[tungs]

@feibi8597 it seems like the issue arises in timesnap from https://github.com/tungs/timesnap/blob/fdfece3dd7eb7766365b42a7ab3d4b94195d9a3f/index.js#L175 which uses { waitUntil: 'networkidle0' }. Interestingly, it looks like if puppeteer tries to load the page with the same option, it can successfully load the page, so it seems like the time handling code in timesnap is interfering with completely loading the page.

If you need a solution now, you can fork timesnap and remove { waitUntil: 'networkidle0' }, though you may want to use --start-delay / startDelay to pause a bit so the first frame gets loaded. Then you'd have to either install your forked version of timesnap into a forked version of timecut or you can just use timesnap and ffmpeg to make a video from the saved images.

In the long term, I'll add overwriting the hardcoded {waitUntil: 'networkidle0'}, as a feature request. It may be also be possible for the user to specify a time to go to immediately, so timesnap interferes less with the page loading.

I did manage to get it to run-- it looks like you will want to add custom styles to hide/disable the blinking cursor.

[tungs]

@christianhujer I tried to use your file with timecut and did produce a video-- albeit at a different speed, which isn't surprising, since svg is not supported. Can you verify that you are trying to capture just the svg, and not a webpage that embeds the svg?