在创建文件并添加代码后,我在 nextjs 中使用react-pdf和react-pdf/renderer,它工作得很好,但是当我进行生产构建时,它会继续进行构建并且永远不会停止。这是代码
import React from 'react';
import { Page, Text, View, Document, StyleSheet } from '@react-pdf/renderer';
const PDFGenerator = () => {
const styles = StyleSheet.create({
page: {
flexDirection: 'row',
backgroundColor: '#E4E4E4'
},
section: {
margin: 10,
padding: 10,
flexGrow: 1
}
});
return (
<Document>
<Page size="A4" style={styles.page}>
<View style={styles.section}>
<Text>Section #1</Text>
</View>
<View style={styles.section}>
<Text>Section #2</Text>
</View>
</Page>
</Document>
);
}
export default PDFGenerator;
Run Code Online (Sandbox Code Playgroud)
我在这里使用它
<PDFDownloadLink
document={<PDFGenerator/>}
fileName="recipe.pdf"
className="button-background w-full text-center text-color py-2 px-4
rounded mt-10">
{({blob, …Run Code Online (Sandbox Code Playgroud)