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;
yarn build
Construir debe tener éxito.
La construcción falla.
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
¡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 💪
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
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 💪