0
143
VisualizaçõesEl componente React.js no funciona en las compilaciones de Next.js
Estoy tratando de construir un componente de acordeón React como un paquete NPM llamado Accordie .
Está trabajando en el desarrollo de Next.js pero no en producción.
Aquí hay una demostración de CodeSandbox para el modo de desarrollo y aquí hay una demostración de Vercel para el modo de producción.
Se ve así en CodeSandbox.
Y se ve así en Vercel.
Hay un problema intermitente en la compilación de producción. No tengo idea de qué hacer. Probablemente haya algún problema con el script de compilación.
Estoy usando Babel para transpilar archivos JSX como este.
"build": "rm -rf build && NODE_ENV=production babel src --out-dir build --copy-files",Y necesito ayuda general sobre cómo compilar un componente React para poder hacerlo funcionar en compilaciones Next.js.
1 Respostas
Responde à pergunta0
Supuse que no tiene nada que ver con los scripts de compilación.
Estaba usando algo como esto. Exportando <Panel> y devolviendo <Panel> dentro del mapa.
const Panel = ({}) => { return ( ... ) } const Accordie = ({ children }) => { return ( <> {children.map((child, key) => { if (child.type.name !== 'Panel') return null return ( <Panel ... /> ) })} </> ) } module.exports = { Panel, Accordie } Ahora solo exporte un <Panel> vacío y use <PanelInner> en su lugar.
const Panel = () => null const PanelInner = ({}) => { return ( ... ) } const Accordie = ({ children }) => { return ( <> {children.map((child, key) => { if (child.type.name !== 'Panel') return null return ( <PanelInner ... /> ) })} </> ) } module.exports = { Panel, Accordie }