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;
yarn build
Construire devrait réussir.
La construction échoue.
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
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 💪
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
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 💪