can not export to pdf #116

ahangchen · 2021-05-16T08:59:10Z

I try to use npx slidev export to export pdf, but it always fails on:

 ▲ rendering █████░░░░░░░░░░░░░░░░░░░░░░░░░ 1/6page.goto: Timeout 30000ms exceeded.
=========================== logs ===========================
navigating to "http://localhost:12445/1?print", waiting until "networkidle"
============================================================
Note: use DEBUG=pw:api environment variable to capture Playwright logs.
Error
    at Object.captureStackTrace (/Users/cwh/Mission/coding/slidev/node_modules/playwrigh)
    at Connection.sendMessageToServer (/Users/cwh/Mission/coding/slidev/node_modules/pla)
    at Proxy.<anonymous> (/Users/cwh/Mission/coding/slidev/node_modules/playwright-chrom)
    at /Users/cwh/Mission/coding/slidev/node_modules/playwright-chromium/lib/client/fram5
    at Frame._wrapApiCall (/Users/cwh/Mission/coding/slidev/node_modules/playwright-chro)
    at Frame.goto (/Users/cwh/Mission/coding/slidev/node_modules/playwright-chromium/lib)
    at /Users/cwh/Mission/coding/slidev/node_modules/playwright-chromium/lib/client/page0
    at Page._attributeToPage (/Users/cwh/Mission/coding/slidev/node_modules/playwright-c)
    at Page.goto (/Users/cwh/Mission/coding/slidev/node_modules/playwright-chromium/lib/)
    at go (/Users/cwh/Mission/coding/slidev/node_modules/@slidev/cli/dist/export-WGBEP3O)
    at exportSlides (/Users/cwh/Mission/coding/slidev/node_modules/@slidev/cli/dist/expo)
    at async Object.handler (/Users/cwh/Mission/coding/slidev/node_modules/@slidev/cli/d{
  name: 'TimeoutError'

The text was updated successfully, but these errors were encountered:

antfu · 2021-05-16T16:07:06Z

Can't reproduce, what's the content of your slides, does it do with any web requests?

LeadcodeDev · 2021-05-22T23:57:30Z

I have the same error with the default install :
• yarn create slidev (don't run install dependencies & start)
• yarn install
• yarn export

cf : https://fr.sli.dev/guide/#creation-de-votre-premiere-presentation
The default slide content is the same as default slide when we create an new project.

OS : Windows
Node : v.14.16.1
Npm : v.6.14.12
Yarn : 1.22.10

ahangchen · 2021-05-23T15:55:22Z

May be caused by unreachable internet connetion, when rendering with some plugins.
I turn on a global proxy and the progressbar moves.

mariomurrent-softwaresolutions · 2021-05-25T16:47:50Z

How did you turn on a global proxy?

I have the same timeout issue, when running the build ... export to PDF works fine

@antfu Is it possible to increase the timeout a bit?

antfu · 2021-05-28T03:31:38Z

Is it possible to increase the timeout a bit?

$ slidev export --timeout 3000

You can also try to disable the remote assets downloading

---
remoteAssets: false
---

mariomurrent-softwaresolutions · 2021-05-28T07:32:03Z

I already have the remoteAssets: false :) ... But sometimes it runs into the timeout .. so no idea why

madlogos · 2021-05-29T07:44:41Z

Same problem with macOS 10.15.7, node 16.2.0, npm 7.14.0, and the latest slidevjs 0.15.0.

I have set remoteAssets false in front matter and timeout 9999999 in the cli, but still ran into timeout. It seems the command only accepts timeout 30000ms as maximum.

When I tried to run slidev build, it also ran into timeout error when trying to render after finishing building with vite.

antfu · 2021-05-30T01:58:46Z

Might due to the Twitter scripts (was 'sync' loading). Changed to async in v0.16.0, can you guys try the new version out and see if it's a fix for you? Thanks

madlogos · 2021-05-30T08:22:07Z

Hi @antfu : I tried v0.16.0 out, however, the issue is not yet fixed.

=========================== logs ===========================
navigating to "http://localhost:12445/1?print", waiting until "networkidle"
============================================================
Note: use DEBUG=pw:api environment variable to capture Playwright logs.
Error
    at Object.captureStackTrace (/Users/madlogos/Documents/Projects/slidev_demo/node_modules/playwright-chromium/lib/utils/)
    at Connection.sendMessageToServer (/Users/madlogos/Documents/Projects/slidev_demo/node_modules/playwright-chromium/lib/)
    at Proxy.<anonymous> (/Users/madlogos/Documents/Projects/slidev_demo/node_modules/playwright-chromium/lib/client/channe)
    at /Users/madlogos/Documents/Projects/slidev_demo/node_modules/playwright-chromium/lib/client/frame.js:102:65
    at Frame._wrapApiCall (/Users/madlogos/Documents/Projects/slidev_demo/node_modules/playwright-chromium/lib/client/chann)
    at Frame.goto (/Users/madlogos/Documents/Projects/slidev_demo/node_modules/playwright-chromium/lib/client/frame.js:100:)
    at /Users/madlogos/Documents/Projects/slidev_demo/node_modules/playwright-chromium/lib/client/page.js:303:60
    at Page._attributeToPage (/Users/madlogos/Documents/Projects/slidev_demo/node_modules/playwright-chromium/lib/client/pa)
    at Page.goto (/Users/madlogos/Documents/Projects/slidev_demo/node_modules/playwright-chromium/lib/client/page.js:303:21)
    at go (/Users/madlogos/Documents/Projects/slidev_demo/node_modules/@slidev/cli/dist/export-R4KG3V6E.js:78:16)
    at exportSlides (/Users/madlogos/Documents/Projects/slidev_demo/node_modules/@slidev/cli/dist/export-R4KG3V6E.js:90:13)
    at async build (/Users/madlogos/Documents/Projects/slidev_demo/node_modules/@slidev/cli/dist/build-2V4QQ7IC.js:79:5)
    at async Object.handler (/Users/madlogos/Documents/Projects/slidev_demo/node_modules/@slidev/cli/dist/cli.js:133:3) {
  name: 'TimeoutError'
}

antfu · 2021-05-30T08:55:11Z

@madlogos Can you share your project?

ahangchen · 2021-05-31T04:17:08Z

How did you turn on a global proxy?

I have the same timeout issue, when running the build ... export to PDF works fine

@antfu Is it possible to increase the timeout a bit?

It's slow to access some foreign resources in some coutries, so a network proxy for low latency is required to meet the timeout limitation.

mariomurrent-softwaresolutions · 2021-05-31T04:37:05Z

How did you turn on a global proxy?

I have the same timeout issue, when running the build ... export to PDF works fine

@antfu Is it possible to increase the timeout a bit?

It's slow to access some foreign resources in some coutries, so a network proxy for low latency is required to meet the timeout limitation.

Have u tried to set a higher timeout?

madlogos · 2021-05-31T13:26:15Z

@madlogos Can you share your project?

I used exactly the built-in demo.

When I applied global proxy to override GFW, the build action succeeded. So it's quite clear that the blocked internet component (twitter widget.js or even something on raw.githubusercontent.com) stopped the script. Maybe consider increasing the exception tolerance to let it go?

Plus, twitter widget.js is injected into index.html by default. Maybe change it to optional (not included at all unless a Tweet widget is used)?

antfu · 2021-05-31T16:58:36Z

twitter widget.js is injected into index.html by default.

Only when you use <Tweet/> in your slides, which in this case, it's used in the starter template.

Maybe consider increasing the exception tolerance to let it go?

I don't know. I don't think it makes sense to export the slides with some images / content failed to load. But maybe we could improve the error log to show the pending resources that causes the failing.

madlogos · 2021-06-01T15:49:34Z

twitter widget.js is injected into index.html by default.

Only when you use <Tweet/> in your slides, which in this case, it's used in the starter template.

So how can I remove twitter widgets.js from the slides? I removed all the widgets from the demo slides.md, but still had https://platform.twitter.com/widgets.js in the page rendered.

nakhleh · 2021-06-15T23:19:29Z

The demo deck has more in the way of remote assets than just twitter. The unsplash backgrounds, sli.dev logo images used in the animation, etc. When you view these in the browser (dev or build mode), you use your browser's normal proxy. When you try to export to PDF, it uses the headless playwright/chrome package, which doesn't. Looks to me like the export launch command (https://github.com/slidevjs/slidev/blob/main/packages/slidev/node/export.ts#L76) should be modified to take a proxy in as an option (https://playwright.dev/docs/api/class-browser/#browser-new-context) . But, not sure how sli.devs would prefer to do it... front matter option? slidev cli option?

antfu · 2021-06-16T08:52:46Z

Probably cli options if we want to have proxy config

Saul-Mirone · 2021-07-12T03:15:26Z

I also run into this issue and after I turned off my proxy, it still fails...

Saul-Mirone · 2021-07-12T08:41:25Z

I just turn the monaco editor config to false, and everything works :)

ysun · 2022-01-21T09:58:44Z

Probably cli options if we want to have proxy config

I met the same issue as mentioned by @mariomurrent-softwaresolutions .
I found it is kindly due to no proxy when running slidev export.
So please add proxy config for slidev. Or let slidev can make use of environment various http_proxy.

antfu · 2022-01-21T11:06:27Z

let slidev can make use of environment various http_proxy.

PR welcome :)

yanyongyu · 2022-01-24T03:52:56Z

this error always occurs when playwright first time goto the page and the page is still building

slidev/packages/slidev/node/export.ts

Lines 97 to 99 in 209dd41

    
           await page.goto(url, { 
        
             waitUntil: 'networkidle', 
        
           })

in my case, fixed by adding the timeout option instead of using page.waitForTimeout, page.goto has its own timeout with default 30000 ms. Set slidev cli option timeout to a larger value like 60000 or 0 to disable timeout

await page.goto(url, {
  timeout: timeout,
  waitUntil: 'networkidle',
})

playwright docs says

Note that page.waitForTimeout() should only be used for debugging.

tonai · 2022-05-24T16:11:31Z

@yanyongyu now you can set the timeout value for page.goto with the --timeout CLI option https://sli.dev/guide/install.html#command-line-interface-cli

yanyongyu · 2022-05-24T16:21:14Z

LGTM

pluveto · 2022-06-08T16:04:54Z

Add proxy to playwright.

node_modules@slidev\cli\dist\export-LOKLMK66.js 67:

  const browser = await chromium.launch({
    proxy: {
        server: 'http://127.0.0.1:7890'
    }
});

immorBen · 2022-07-29T13:07:05Z

I've experienced the same, maybe can try to put the .md file and public resources under the (children) directory where the node.exe is installed.

eric-burel · 2022-09-14T16:13:45Z

Can reproduce on Ubuntu 22, it's totally random though. Using a short timeout is better, as retrying fixes the issue most often. So it seems that if it should fail, it will fail, and if it should not, it quickly export. Feels like a connection fails and then the export is doomed to fail whatever the timeout does.

yonkeltron · 2022-10-30T20:57:58Z

So I have also hit this issue with a variety of presentations. I can't tell whether they are because of the high number of slides or whether it's because they use other things such as the Tweet component. Or maybe it's having local images? Either way my trouble comes about trying to load the deck in the browser AT ALL. In other words, this also happens in Chrome when I run yarn dev. I don't know if that means anything in terms of my ability to troubleshoot or reproduce the issue at all.

I also got this error when running yarn export:

  ◆ rendering...page.goto: Timeout 30000ms exceeded.
=========================== logs ===========================
navigating to "http://localhost:12445/print?print", waiting until "networkidle"
============================================================
    at go (/Users/USER/Documents/software-checklist/node_modules/@slidev/cli/dist/export-YW4ZBY3A.js:142:16)
    at genPagePdf (/Users/USER/Documents/software-checklist/node_modules/@slidev/cli/dist/export-YW4ZBY3A.js:162:11)
    at exportSlides (/Users/USER/Documents/software-checklist/node_modules/@slidev/cli/dist/export-YW4ZBY3A.js:226:)
    at async Object.handler (/Users/USER/Documents/software-checklist/node_modules/@slidev/cli/dist/cli.js:326:14) {
  name: 'TimeoutError'
}
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Anything I can do to help debug this or test anything out?

Thanks,
+Jonathan

tonai · 2022-11-02T16:09:52Z

@yonkeltron there is a default timeout in playwright when it waits for the "networkidle" event.
If you have a lot of slides it can sometimes exceed this time.
In that case you can try to increase that timeout by using the --timeout CLI option: https://sli.dev/guide/install.html#slidev-export-entry

yonkeltron · 2022-11-02T17:09:19Z

@yonkeltron there is a default timeout in playwright when it waits for the "networkidle" event. If you have a lot of slides it can sometimes exceed this time. In that case you can try to increase that timeout by using the --timeout CLI option: https://sli.dev/guide/install.html#slidev-export-entry

Yes that timeout issue is definitely present when trying to export or build but it also happens when I first load the presentation in the browser. When opening the presentation in Chrome, the devtools say that the initial GET for http://localhost:3030 takes exactly a minute. Therefore, setting the --timeout option to 120000 does the trick. However every time I need to restart the server with yarn dev it is a 60-second wait for the presentation to show up in the browser tab which opens.

Anything else I can do to provide more info?

EnixCoda · 2022-11-18T03:31:54Z

Disabling monaco for production and setting --timeout 60000 works for me!

zhang13pro · 2022-11-28T01:18:50Z

Disabling monaco for production and setting --timeout 60000 works for me!

is also useful for me 🧓

stale · 2023-01-27T02:15:57Z

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

antfu added the needs reproduction label May 17, 2021

tonai mentioned this issue Apr 13, 2022

fix: use timeout arg for the goto() function #543

Merged

stale bot added the stale label Jan 27, 2023

stale bot closed this as completed Feb 3, 2023

antfu pushed a commit that referenced this issue Mar 7, 2024

feat: add built-in components doc and add buil-in menu (#116)

b66a4ce

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

can not export to pdf #116

can not export to pdf #116

ahangchen commented May 16, 2021

antfu commented May 16, 2021

LeadcodeDev commented May 22, 2021 •

edited

ahangchen commented May 23, 2021

mariomurrent-softwaresolutions commented May 25, 2021 •

edited

antfu commented May 28, 2021

mariomurrent-softwaresolutions commented May 28, 2021

madlogos commented May 29, 2021

antfu commented May 30, 2021

madlogos commented May 30, 2021

antfu commented May 30, 2021

ahangchen commented May 31, 2021

mariomurrent-softwaresolutions commented May 31, 2021

madlogos commented May 31, 2021

antfu commented May 31, 2021

madlogos commented Jun 1, 2021

nakhleh commented Jun 15, 2021

antfu commented Jun 16, 2021 •

edited

Saul-Mirone commented Jul 12, 2021

Saul-Mirone commented Jul 12, 2021

ysun commented Jan 21, 2022

antfu commented Jan 21, 2022

yanyongyu commented Jan 24, 2022 •

edited

tonai commented May 24, 2022

yanyongyu commented May 24, 2022

pluveto commented Jun 8, 2022

immorBen commented Jul 29, 2022

eric-burel commented Sep 14, 2022

yonkeltron commented Oct 30, 2022

tonai commented Nov 2, 2022

yonkeltron commented Nov 2, 2022 •

edited

EnixCoda commented Nov 18, 2022

zhang13pro commented Nov 28, 2022

stale bot commented Jan 27, 2023

can not export to pdf #116

can not export to pdf #116

Comments

ahangchen commented May 16, 2021

antfu commented May 16, 2021

LeadcodeDev commented May 22, 2021 • edited

ahangchen commented May 23, 2021

mariomurrent-softwaresolutions commented May 25, 2021 • edited

antfu commented May 28, 2021

mariomurrent-softwaresolutions commented May 28, 2021

madlogos commented May 29, 2021

antfu commented May 30, 2021

madlogos commented May 30, 2021

antfu commented May 30, 2021

ahangchen commented May 31, 2021

mariomurrent-softwaresolutions commented May 31, 2021

madlogos commented May 31, 2021

antfu commented May 31, 2021

madlogos commented Jun 1, 2021

nakhleh commented Jun 15, 2021

antfu commented Jun 16, 2021 • edited

Saul-Mirone commented Jul 12, 2021

Saul-Mirone commented Jul 12, 2021

ysun commented Jan 21, 2022

antfu commented Jan 21, 2022

yanyongyu commented Jan 24, 2022 • edited

tonai commented May 24, 2022

yanyongyu commented May 24, 2022

pluveto commented Jun 8, 2022

immorBen commented Jul 29, 2022

eric-burel commented Sep 14, 2022

yonkeltron commented Oct 30, 2022

tonai commented Nov 2, 2022

yonkeltron commented Nov 2, 2022 • edited

EnixCoda commented Nov 18, 2022

zhang13pro commented Nov 28, 2022

stale bot commented Jan 27, 2023

LeadcodeDev commented May 22, 2021 •

edited

mariomurrent-softwaresolutions commented May 25, 2021 •

edited

antfu commented Jun 16, 2021 •

edited

yanyongyu commented Jan 24, 2022 •

edited

yonkeltron commented Nov 2, 2022 •

edited