La compilación del hilo de Next.js falló debido a plotly.js (se produjo un error de compilación ReferenceError: self no está definido)

0

Recibo el siguiente error cuando intento compilar la aplicación Next.js para producción usando el yarn buildcomando. Pero está funcionando bien en el servidor de desarrollo (cuando se usa el yarn devcomando). Estoy usando react-plotly.jsla biblioteca para la generación de gráficos de trama en esta aplicación reaccionar.

Uso de react-plotly lib:

import Plot from 'react-plotly.js';

return(
  <>
   <Plot data={[data]} layout={layout} />
  </>
)

Aquí está el error:

> Build error occurred
ReferenceError: self is not defined

ingrese la descripción de la imagen aquí

He investigado los problemas en el repositorio git de plotly.js y un problema similar de Google, pero parece que no hay resultado. ¿Alguna idea de por qué falló la compilación del hilo Next.js?

1

Next Js usa la representación del lado del servidor y aún simula ssr cuando se desarrolla localmente, debido a esto, varias bibliotecas que dependen de objetos nativos (comúnmente el objeto de ventana) no funcionarán como se esperaba.

https://github.com/plotly/react-plotly.js/issues/40

Parece que la trama no funciona con ssr, pero hay otro componente que debería https://github.com/aulneau/next.js-with-react-plotly.js

1
  • 1
    Gracias por tu solución. La importación dinámica sin SSR me funciona. Me salvaste el tiempo. 13 de oct a las 18:52