Providing correct path for React-PDF

Asked Nov 09 '18 at 16:11

Active Nov 09 '18 at 16:11

Viewed 1,099 times

I'm trying to use React-PDF to display a pdf within my component but cannot figure out how to provide it with the correct path for my pdf. my file is located under ReactApp/public/pdf/myPdf.pdf

this is where I'm putting my path:

<Document
     file={filepath}
>
</Document>

So far i tried the following without luck:

pdf/GenericCustomerConsentAgreement.pdf

/pdf/GenericCustomerConsentAgreement.pdf

./pdf/GenericCustomerConsentAgreement.pdf

../pdf/GenericCustomerConsentAgreement.pdf

%PUBLIC_URL%/pdf/GenericCustomerConsentAgreement.pdf

I can, however load the file by using:

localhost:61631/pdf/GenericCustomerConsentAgreement.pdf

asked Nov 09 '18 at 16:11

AnKing

1,994
6
31
54

check this comment: https://github.com/wojtekmaj/react-pdf/issues/188#issuecomment-383375013 that might help you – igorves Nov 09 '18 at 16:27
according to the comment this should have worked: pdf/GenericCustomerConsentAgreement.pdf ? – AnKing Nov 09 '18 at 16:27
have you tried import a PDF file as a module? – igorves Nov 09 '18 at 16:29
I'm getting the following trying to import as module: Module not found: Can't resolve '../public/pdf/GenericCustomerConsentAgreement.pdf' in – AnKing Nov 09 '18 at 16:34
are you sure that relative path: `../public/pdf/GenericCustomerConsentAgreement.pdf` is the right one? – igorves Nov 09 '18 at 16:39
well, i assume it is since i can load localhost:61631/pdf/GenericCustomerConsentAgreement.pdf – AnKing Nov 09 '18 at 16:56
I mean relative path from the folder you are currently inside – igorves Nov 09 '18 at 23:00

Providing correct path for React-PDF

0 Answers0