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;
yarn build
Membangun harus sukses.
Membangun gagal.
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
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
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
Jika kami dapat membantu lebih lanjut--jangan ragu untuk menghubungi atau mengomentari masalah ini, dan kami ingin melihat lagi.
Terima kasih telah menggunakan Gatsby