为何@react-pdf/renderer中ReactPDF.renderToBuffer不是函数？

问题原因 #

@react-pdf/renderer在v3及以上版本中调整了API结构，renderToBuffer不再挂载在默认导出的ReactPDF对象上，而是需要从Node专用入口单独导入。

解决方案 #

1. 版本v3+的正确用法 #

修改导入语句，从Node专用入口导入方法：

import { renderToBuffer } from '@react-pdf/renderer/node';

直接调用导入的方法：

const buffer = await renderToBuffer(<MyDocument />);

2. 版本v2及以下的兼容用法 #

如果仍使用旧版本，确保导入默认导出的ReactPDF对象：

import ReactPDF from '@react-pdf/renderer';
const buffer = await ReactPDF.renderToBuffer(<MyDocument />);

注意事项 #

• renderToBuffer仅支持Node.js环境，浏览器端无法使用该方法。
• 可查看package.json中的@react-pdf/renderer版本号，匹配对应版本的API用法。

内容的提问来源于stack exchange，提问作者hantoren