Gatsby: Suspense et React.lazy ne fonctionnent pas

Créé le 21 févr. 2019  ·  1Commentaire  ·  Source: gatsbyjs/gatsby

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

La description

J'ai une erreur sur yarn build uniquement lorsque j'utilise <Suspense>
Sur yarn develop , je n'ai aucune erreur.

Notez que je n'utilise pas React.lazy() ou Loadable components .

import React, { Suspense } from 'react';

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

export default Dashboard;

Étapes à reproduire

yarn build

Résultat attendu

Construire devrait réussir.

Résultat actuel

La construction échoue.

Environnement

Système:
Système d'exploitation : macOS 10.14.2
Processeur : (8) processeur Intel(R) Core(TM) i5-8259U x64 à 2,30 GHz
Shell : 3.2.57 - /bin/bash
Binaires :
Nœud : 11.9.0 - /usr/local/bin/node
Fil : 1.13.0 - /usr/local/bin/yarn
npm : 6.5.0 - /usr/local/bin/npm
Langues :
Python : 2.7.10 - /usr/bin/python
Navigateurs :
Chrome : 72.0.3626.109
Firefox : 65.0.1
Safari : 12.0.2
npmPaquets :
gatsby : ^2.0.0 => 2.0.118
gatsby-cli : ^2.4.6 => 2.4.9
gatsby-image: ^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-transformer-sharp: ^2.1.10 => 2.1.13
npmGlobalPackages :
gatsby-cli : 2.4.8

Commentaire le plus utile

Merci beaucoup d'avoir ouvert ce problème ! Comme indiqué, cela est légèrement tangent à Gatsby.

Gatsby utilise SSR que Suspense & React.Lazy ne prend pas encore en charge. Vous pouvez passer à un site client complet pour utiliser ces fonctionnalités, mais pour avoir la génération statique de pages que vous ne pouvez malheureusement pas. React recommande d'utiliser le package de composants chargeables jusqu'à ce que le SSR soit résolu .

Recommandation originale de l'équipe React :
https://reactjs.org/docs/code-splitting.html#reactlazy

React.lazy et Suspense ne sont pas encore disponibles pour le rendu côté serveur. Si vous souhaitez diviser le code dans une application rendue par le serveur, nous vous recommandons les composants chargeables . Il a un bon guide pour le fractionnement des bundles avec un rendu côté serveur .

Si nous pouvons vous aider davantage, n'hésitez pas à nous contacter ou à commenter ce problème, et nous serions ravis d'y jeter un autre coup d'œil.

Merci d'avoir utilisé Gatsby 💪

>Tous les commentaires

Merci beaucoup d'avoir ouvert ce problème ! Comme indiqué, cela est légèrement tangent à Gatsby.

Gatsby utilise SSR que Suspense & React.Lazy ne prend pas encore en charge. Vous pouvez passer à un site client complet pour utiliser ces fonctionnalités, mais pour avoir la génération statique de pages que vous ne pouvez malheureusement pas. React recommande d'utiliser le package de composants chargeables jusqu'à ce que le SSR soit résolu .

Recommandation originale de l'équipe React :
https://reactjs.org/docs/code-splitting.html#reactlazy

React.lazy et Suspense ne sont pas encore disponibles pour le rendu côté serveur. Si vous souhaitez diviser le code dans une application rendue par le serveur, nous vous recommandons les composants chargeables . Il a un bon guide pour le fractionnement des bundles avec un rendu côté serveur .

Si nous pouvons vous aider davantage, n'hésitez pas à nous contacter ou à commenter ce problème, et nous serions ravis d'y jeter un autre coup d'œil.

Merci d'avoir utilisé Gatsby 💪

Cette page vous a été utile?
0 / 5 - 0 notes

Questions connexes

kalinchernev picture kalinchernev  ·  3Commentaires

KyleAMathews picture KyleAMathews  ·  3Commentaires

rossPatton picture rossPatton  ·  3Commentaires

benstr picture benstr  ·  3Commentaires

jimfilippou picture jimfilippou  ·  3Commentaires