Rendering a PDF on ExpressJS (Saved to file)

[machinsk]

Hey,

I'm trying to render a PDF on my expressJS backend, and just save it to file. I go into detail in this stack overflow question. But I think I don't have the version of Node that express uses configured correctly to read the ES Modules that the react rendering uses... the server will import my document and the compiler dies on the first sight of a < in a <View> tag. Any suggestions?

[machinsk]

I may have found my answer

[machinsk]

What is the recommended babel setup and what are babel's dependencies?

[machinsk]

I followed these instructions but I'm still getting the same error.

ReactPDF.render(<MaterialsList />, `${__dirname}/trial.pdf`);
[0]                     ^
[0] 
[0] SyntaxError: Unexpected token '<'
[0]     at Loader.moduleStrategy (internal/modules/esm/translators.js:145:18)
[0]     at async link (internal/modules/esm/module_job.js:63:21)

[machinsk]

import express from 'express';
import cors from 'cors';
import React from 'react';
import ReactPDF from '@react-pdf/renderer';
import MaterialsList from './materials';

const app = express();
const port = 5000;

app.use(cors());

app.use(express.urlencoded());
app.use(express.json());

app.listen(port, function () {
    console.log(`server running on http://localhost:${port}`);
})

app.post('/sendmaterials', cors(), function (req, res) {
    ReactPDF.render(<MaterialsList />, `${__dirname}/trial.pdf`);
})

[machinsk]

Even starting a new node project with the example code from react-pdf/renderer README gives the same error, including having followed the hidden instructions above....

[machinsk]

https://github.com/machinsk/react-pdf-renderer-server-example

[jeetiss]

I fixed your example, hope it helps

[machinsk]

@jeetiss Thank you for the help. It works! It took me a while to realize I had to run it with yarn compile derr..

Thank you very much!!

[AgDyna]

I fixed your example, hope it helps

I am having the same issue, I did what you said, but the error is still the same.

[921011linh]

Giúp