Gatsby: Suspense dan React.lazy tidak berfungsi

Dibuat pada 21 Feb 2019  ·  1Komentar  ·  Sumber: gatsbyjs/gatsby

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

Keterangan

Saya memiliki kesalahan pada yarn build hanya ketika saya menggunakan <Suspense>
Pada yarn develop , saya tidak memiliki kesalahan.

Perhatikan bahwa saya tidak menggunakan React.lazy() atau Loadable components .

import React, { Suspense } from 'react';

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

export default Dashboard;

Langkah-langkah untuk mereproduksi

yarn build

Hasil yang diharapkan

Membangun harus sukses.

Hasil sebenarnya

Membangun gagal.

Lingkungan

Sistem:
OS: macOS 10.14.2
CPU: (8) x64 Intel(R) Core(TM) i5-8259U CPU @ 2.30GHz
Cangkang: 3.2.57 - /bin/bash
Biner:
Node: 11.9.0 - /usr/local/bin/node
Benang: 1.13.0 - /usr/local/bin/benang
npm: 6.5.0 - /usr/local/bin/npm
Bahasa:
Python: 2.7.10 - /usr/bin/python
Browser:
Chrome: 72.0.3626.109
Firefox: 65.0.1
Safari: 12.0.2
npmPaket:
gatsby: ^2.0.0 => 2.0.118
gatsby-cli: ^2.4.6 => 2.4.9
gatsby-gambar: ^2.0.26 => 2.0.29
gatsby-plugin-emosi: ^4.0.1 => 4.0.3
gatsby-plugin-react-helmet: ^3.0.0 => 3.0.6
gatsby-plugin-tajam: ^2.0.17 => 2.0.20
gatsby-source-filesystem: ^2.0.12 => 2.0.20
gatsby-transformer-sharp: ^2.1.10 => 2.1.13
npmGlobalPaket:
gatsby-cli: 2.4.8

Komentar yang paling membantu

Terima kasih banyak telah membuka masalah ini! Seperti yang dinyatakan, ini sedikit bersinggungan dengan Gatsby.

Gatsby menggunakan SSR yang Suspense & React.Lazy belum mendukung. Anda dapat pindah ke situs klien lengkap untuk menggunakan fitur-fitur tersebut tetapi untuk memiliki halaman generasi statis yang sayangnya tidak dapat Anda lakukan. Bereaksi merekomendasikan untuk menggunakan paket komponen Loadable sampai SSR diselesaikan .

Rekomendasi asli dari React Team:
https://reactjs.org/docs/code-splitting.html#reactlazy

React.lazy dan Suspense belum tersedia untuk rendering sisi server. Jika Anda ingin melakukan pemecahan kode di aplikasi yang dirender oleh server, kami merekomendasikan Loadable Components . Ini memiliki panduan yang bagus

Jika kami dapat membantu lebih lanjut--jangan ragu untuk menghubungi atau mengomentari masalah ini, dan kami ingin melihat lagi.

Terima kasih telah menggunakan Gatsby

>Semua komentar

Terima kasih banyak telah membuka masalah ini! Seperti yang dinyatakan, ini sedikit bersinggungan dengan Gatsby.

Gatsby menggunakan SSR yang Suspense & React.Lazy belum mendukung. Anda dapat pindah ke situs klien lengkap untuk menggunakan fitur-fitur tersebut tetapi untuk memiliki halaman generasi statis yang sayangnya tidak dapat Anda lakukan. Bereaksi merekomendasikan untuk menggunakan paket komponen Loadable sampai SSR diselesaikan .

Rekomendasi asli dari React Team:
https://reactjs.org/docs/code-splitting.html#reactlazy

React.lazy dan Suspense belum tersedia untuk rendering sisi server. Jika Anda ingin melakukan pemecahan kode di aplikasi yang dirender oleh server, kami merekomendasikan Loadable Components . Ini memiliki panduan yang bagus

Jika kami dapat membantu lebih lanjut--jangan ragu untuk menghubungi atau mengomentari masalah ini, dan kami ingin melihat lagi.

Terima kasih telah menggunakan Gatsby

Apakah halaman ini membantu?
0 / 5 - 0 peringkat