Gatsby: サスペンスとReact.lazyが機能していません

作成日 2019年02月21日  ·  1コメント  ·  ソース: gatsbyjs/gatsby

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

説明

<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

React.lazyとSuspenseは、サーバー側のレンダリングにはまだ使用できません。 サーバーレンダリングアプリでコード分割を行う場合は、ロード可能なコンポーネントをお勧めしサーバーサイドレンダリングを使用したバンドル分割の優れた

さらにサポートが必要な場合は、この問題について遠慮なくご連絡またはコメントしてください。もう一度確認させていただきます。

Gatsbyをご利用いただきありがとうございます💪

このページは役に立ちましたか?
0 / 5 - 0 評価