<Suspense>
を使用した場合にのみ、 yarn build
エラーが発生します
yarn develop
では、エラーはありません。
React.lazy()
またはLoadable components
を使用していないことに注意してください。
import React, { Suspense } from 'react';
const Dashboard = props => {
return (
<Suspense fallback={<>Hey</>}>
Hello
</Suspense>
);
};
export default Dashboard;
yarn build
ビルドは成功するはずです。
ビルドが失敗します。
システム:
OS:macOS 10.14.2
CPU:(8)x64 Intel(R)Core(TM)i5-8259U CPU @ 2.30GHz
シェル:3.2.57- / bin / bash
バイナリ:
ノード:11.9.0- / usr / local / bin / node
糸:1.13.0- / usr / local / bin / yarn
npm:6.5.0- / usr / local / bin / npm
言語:
Python:2.7.10- / usr / bin / python
ブラウザ:
Chrome:72.0.3626.109
Firefox:65.0.1
Safari:12.0.2
npmPackages:
ギャツビー:^ 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
この号を開いてくれてありがとう! 述べたように、これはギャツビーにわずかに接しています。
Gatsbyは、Suspense&React.LazyがまだサポートしていないSSRを使用しています。 これらの機能を使用するために完全なクライアントサイトに移動することはできますが、残念ながら使用できないページを静的に生成することができます。 SSRが解決されるまで、recommondsに反応して
Reactチームからの元の再共通化:
https://reactjs.org/docs/code-splitting.html#reactlazy
React.lazyとSuspenseは、サーバー側のレンダリングにはまだ使用できません。 サーバーレンダリングアプリでコード分割を行う場合は、ロード可能なコンポーネントをお勧めしサーバーサイドレンダリングを使用したバンドル分割の優れた
さらにサポートが必要な場合は、この問題について遠慮なくご連絡またはコメントしてください。もう一度確認させていただきます。
Gatsbyをご利用いただきありがとうございます💪
最も参考になるコメント
この号を開いてくれてありがとう! 述べたように、これはギャツビーにわずかに接しています。
Gatsbyは、Suspense&React.LazyがまだサポートしていないSSRを使用しています。 これらの機能を使用するために完全なクライアントサイトに移動することはできますが、残念ながら使用できないページを静的に生成することができます。 SSRが解決されるまで、recommondsに反応して
Reactチームからの元の再共通化:
https://reactjs.org/docs/code-splitting.html#reactlazy
さらにサポートが必要な場合は、この問題について遠慮なくご連絡またはコメントしてください。もう一度確認させていただきます。
Gatsbyをご利用いただきありがとうございます💪