Eu tenho um erro em yarn build
apenas quando uso <Suspense>
Em yarn develop
, não tenho erros.
Observe que não estou usando React.lazy()
ou Loadable components
.
import React, { Suspense } from 'react';
const Dashboard = props => {
return (
<Suspense fallback={<>Hey</>}>
Hello
</Suspense>
);
};
export default Dashboard;
yarn build
Construir deve ter sucesso.
A compilação falha.
Sistema:
SO: macOS 10.14.2
CPU: (8) x64 Intel (R) Core (TM) i5-8259U CPU @ 2,30 GHz
Shell: 3.2.57 - / bin / bash
Binários:
Nó: 11.9.0 - / usr / local / bin / node
Fio: 1.13.0 - / usr / local / bin / yarn
npm: 6.5.0 - / usr / local / bin / npm
Línguas:
Python: 2.7.10 - / usr / bin / python
Navegadores:
Chrome: 72.0.3626.109
Firefox: 65.0.1
Safari: 12.0.2
npmPacotes:
gatsby: ^ 2.0.0 => 2.0.118
gatsby-cli: ^ 2.4.6 => 2.4.9
imagem-gatsby: ^ 2.0.26 => 2.0.29
gatsby-plugin-emotion: ^ 4.0.1 => 4.0.3
gatsby-plugin-react-helmet: ^ 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-transformador-afiado: ^ 2.1.10 => 2.1.13
npmGlobalPackages:
gatsby-cli: 2.4.8
Muito obrigado por abrir esta edição! Conforme declarado, isso é ligeiramente tangencial a Gatsby.
Gatsby está usando SSR que Suspense & React.Lazy ainda não suporta. Você pode mudar para um site de cliente completo para usar esses recursos, mas para ter a geração estática de páginas que infelizmente não pode. React recomenda usar o pacote de componentes carregáveis até que o SSR seja resolvido .
Recomendação original da Equipe React:
https://reactjs.org/docs/code-splitting.html#reactlazy
React.lazy e Suspense ainda não estão disponíveis para renderização do lado do servidor. Se você deseja fazer a divisão de código em um aplicativo renderizado por servidor, recomendamos Loadable Components . Ele tem um bom guia para divisão de pacote com renderização do lado do servidor .
Se pudermos ajudar mais, não hesite em entrar em contato ou comentar sobre este problema, e adoraríamos dar uma nova olhada.
Obrigado por usar Gatsby 💪
Comentários muito úteis
Muito obrigado por abrir esta edição! Conforme declarado, isso é ligeiramente tangencial a Gatsby.
Gatsby está usando SSR que Suspense & React.Lazy ainda não suporta. Você pode mudar para um site de cliente completo para usar esses recursos, mas para ter a geração estática de páginas que infelizmente não pode. React recomenda usar o pacote de componentes carregáveis até que o SSR seja resolvido .
Recomendação original da Equipe React:
https://reactjs.org/docs/code-splitting.html#reactlazy
Se pudermos ajudar mais, não hesite em entrar em contato ou comentar sobre este problema, e adoraríamos dar uma nova olhada.
Obrigado por usar Gatsby 💪