Pdf export does not work in production vue 3 vite

[pedrol3001]

I am trying to export the gantt in pdf format, but in production it does not work. The production version is a spa in vue 3 built with vite.

The pdf looks like this.

broken.png (18.56 KiB) Viewed 246 times

[pedrol3001]

I know that there is this problem here. But i cant make it work. https://github.com/bryntum/pdf-export-server/blob/main/docs/architecture.md

The idea is to host the export server in google cloud run, but it does not work.

[alex.l]

Hi,

I am afraid we need more facts to help you. This looks like CSS is missing. You need to check guides and troubleshooting section.
For more informative help, we need more context. Logs, errors, configs?

[pedrol3001]

I think the problem is in the cloud function. But i am having difficulties debugging it since i nee to cat a file to see the logs. Anyway to make this logs appear in the execution stdout ?

[marcio]

Hey pedrol3001,

Sorry for the late reply.

Perhaps this guide could help you https://cloud.google.com/functions/docs/monitoring/logging

What do you see when you cat the file in the logs?

[pedrol3001]

The problem is that the pdf export server does not use console.log so show the errors. So i could not find what was blocking the cloud run to get the styles through the internet (calling my production url).

But i solved the problem copying the styles into the pdf export server and using the -r flag to start it with the folder that i copied (https://bryntum.com/products/gantt/docs/api/Gantt/feature/export/PdfExport). It was kinda hard to understand the logic behind it, but it worked.

[marcio]

Hey pedrol3001,

Thanks for sharing the workaround and glad that it is all working now.

I pinged our team to check if we can improve that process in someway.