Gatsby: Suspense e React.lazy não estão funcionando

Criado em 21 fev. 2019  ·  1Comentário  ·  Fonte: gatsbyjs/gatsby

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

Descrição

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;

Passos para reproduzir

yarn build

Resultado esperado

Construir deve ter sucesso.

Resultado atual

A compilação falha.

Ambiente

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

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

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 💪

>Todos os comentários

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 💪

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

kalinchernev picture kalinchernev  ·  3Comentários

ferMartz picture ferMartz  ·  3Comentários

mikestopcontinues picture mikestopcontinues  ·  3Comentários

hobochild picture hobochild  ·  3Comentários

theduke picture theduke  ·  3Comentários