Gatsby: Suspense y React.lazy no funcionan

Creado en 21 feb. 2019  ·  1Comentario  ·  Fuente: gatsbyjs/gatsby

capture d ecran 2019-02-21 a 10 57 39

Descripción

Tengo un error en yarn build solo cuando uso <Suspense>
En yarn develop , no tengo errores.

Tenga en cuenta que no estoy usando React.lazy() o Loadable components .

import React, { Suspense } from 'react';

const Dashboard = props => {
  return (
      <Suspense fallback={<>Hey</>}>
        Hello
      </Suspense>
  );
};

export default Dashboard;

pasos para reproducir

yarn build

Resultado Esperado

Construir debe tener éxito.

Resultado actual

La construcción falla.

Medio ambiente

Sistema:
SO: macOS 10.14.2
CPU: (8) x64 Intel (R) Core (TM) i5-8259U CPU a 2,30 GHz
Shell: 3.2.57 - / bin / bash
Binarios:
Nodo: 11.9.0 - / usr / local / bin / node
Hilado: 1.13.0 - / usr / local / bin / yarn
npm: 6.5.0 - / usr / local / bin / npm
Idiomas:
Python: 2.7.10 - / usr / bin / python
Navegadores:
Cromo: 72.0.3626.109
Firefox: 65.0.1
Safari: 12.0.2
npm Paquetes:
gatsby: ^ 2.0.0 => 2.0.118
gatsby-cli: ^ 2.4.6 => 2.4.9
imagen-de-gatsby: ^ 2.0.26 => 2.0.29
gatsby-plugin-emotion: ^ 4.0.1 => 4.0.3
gatsby-plugin-react-casco: ^ 3.0.0 => 3.0.6
gatsby-plugin-sharp: ^ 2.0.17 => 2.0.20
gatsby-source-filesystem: ^ 2.0.12 => 2.0.20
gatsby-transformer-sharp: ^ 2.1.10 => 2.1.13
npmGlobalPackages:
gatsby-cli: 2.4.8

Comentario más útil

¡Muchas gracias por abrir este número! Como se dijo, esto es ligeramente tangencial a Gatsby.

Gatsby está usando SSR que Suspense & React.Lazy aún no es compatible. Puede moverse a un sitio de cliente completo para usar esas funciones, pero para tener la generación estática de páginas que lamentablemente no puede. Reaccionar recomienda utilizar el paquete de componentes cargables hasta que se resuelva SSR .

Recomendación original del equipo React:
https://reactjs.org/docs/code-splitting.html#reactlazy

React.lazy and Suspense aún no está disponible para la renderización del lado del servidor. Si desea dividir el código en una aplicación renderizada por servidor, le recomendamos Componentes cargables . Tiene una buena guía para dividir paquetes con renderizado del lado del servidor .

Si podemos ayudar más, no dude en comunicarse o comentar sobre este problema, y ​​nos encantaría echarle otro vistazo.

Gracias por usar Gatsby 💪

>Todos los comentarios

¡Muchas gracias por abrir este número! Como se dijo, esto es ligeramente tangencial a Gatsby.

Gatsby está usando SSR que Suspense & React.Lazy aún no es compatible. Puede moverse a un sitio de cliente completo para usar esas funciones, pero para tener la generación estática de páginas que lamentablemente no puede. Reaccionar recomienda utilizar el paquete de componentes cargables hasta que se resuelva SSR .

Recomendación original del equipo React:
https://reactjs.org/docs/code-splitting.html#reactlazy

React.lazy and Suspense aún no está disponible para la renderización del lado del servidor. Si desea dividir el código en una aplicación renderizada por servidor, le recomendamos Componentes cargables . Tiene una buena guía para dividir paquetes con renderizado del lado del servidor .

Si podemos ayudar más, no dude en comunicarse o comentar sobre este problema, y ​​nos encantaría echarle otro vistazo.

Gracias por usar Gatsby 💪

¿Fue útil esta página
0 / 5 - 0 calificaciones

Temas relacionados

theduke picture theduke  ·  3Comentarios

dustinhorton picture dustinhorton  ·  3Comentarios

brandonmp picture brandonmp  ·  3Comentarios

3CordGuy picture 3CordGuy  ·  3Comentarios

rossPatton picture rossPatton  ·  3Comentarios