Gatsby: التشويق و React.lazy لا يعملان

تم إنشاؤها على ٢١ فبراير ٢٠١٩  ·  1تعليق  ·  مصدر: gatsbyjs/gatsby

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

وصف

لدي خطأ في yarn build فقط عندما أستخدم <Suspense>
في 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

نتيجة متوقعة

بناء يجب أن ينجح.

نتيجة فعلية

فشل البناء.

بيئة

نظام:
نظام التشغيل: macOS 10.14.2
وحدة المعالجة المركزية: (8) x64 Intel (R) Core (TM) i5-8259U CPU @ 2.30 جيجاهرتز
شل: 3.2.57 - / بن / باش
الثنائيات:
العقدة: 11.9.0 - / usr / local / bin / node
الغزل: 1.13.0 - / usr / local / bin / yarn
npm: 6.5.0 - / usr / local / bin / npm
اللغات:
بايثون: 2.7.10 - / usr / bin / python
المتصفحات:
الكروم: 72.0.3626.109
Firefox: 65.0.1
سفاري: 12.0.2
الحزم:
غاتسبي: ^ 2.0.0 => 2.0.118
غاتسبي كلي: ^ 2.4.6 => 2.4.9
صورة gatsby: ^ 2.0.26 => 2.0.29
gatsby-plugin-emotion: ^ 4.0.1 => 4.0.3
gatsby-plugin-response-helmet: ^ 3.0.0 => 3.0.6
gatsby-plugin-sharp: ^ 2.0.17 => 2.0.20
نظام ملفات جاتسبي المصدر: ^ 2.0.12 => 2.0.20
محول غاتسبي شارب: ^ 2.1.10 => 2.1.13
الحزم:
غاتسبي- CLI: 2.4.8

التعليق الأكثر فائدة

شكرا جزيلا لفتح هذه القضية! كما ذكرنا ، هذا عرضي بعض الشيء لغاتسبي.

يستخدم Gatsby نظام SSR الذي لم يدعمه Suspense & React.Lazy بعد. يمكنك الانتقال إلى موقع عميل كامل لاستخدام هذه الميزات ولكن للحصول على جيل ثابت من الصفحات لا يمكنك للأسف. يعيد React طلب استخدام حزمة المكونات القابلة للتحميل حتى يتم حل SSR .

إعادة الاتصال الأصلية من فريق React:
https://reactjs.org/docs/code-splitting.html#reactlazy

React.lazy and Suspense غير متاحين بعد للعرض من جانب الخادم. إذا كنت تريد تقسيم التعليمات البرمجية في تطبيق يتم عرضه على الخادم ، فنحن نوصي دليل لطيف

إذا كان بإمكاننا تقديم المزيد من المساعدة - يُرجى عدم التردد في التواصل أو التعليق على هذه المشكلة ، ونود أن نلقي نظرة أخرى.

شكرًا لاستخدام Gatsby 💪

>كل التعليقات

شكرا جزيلا لفتح هذه القضية! كما ذكرنا ، هذا عرضي بعض الشيء لغاتسبي.

يستخدم Gatsby نظام SSR الذي لم يدعمه Suspense & React.Lazy بعد. يمكنك الانتقال إلى موقع عميل كامل لاستخدام هذه الميزات ولكن للحصول على جيل ثابت من الصفحات لا يمكنك للأسف. يعيد React طلب استخدام حزمة المكونات القابلة للتحميل حتى يتم حل SSR .

إعادة الاتصال الأصلية من فريق React:
https://reactjs.org/docs/code-splitting.html#reactlazy

React.lazy and Suspense غير متاحين بعد للعرض من جانب الخادم. إذا كنت تريد تقسيم التعليمات البرمجية في تطبيق يتم عرضه على الخادم ، فنحن نوصي دليل لطيف

إذا كان بإمكاننا تقديم المزيد من المساعدة - يُرجى عدم التردد في التواصل أو التعليق على هذه المشكلة ، ونود أن نلقي نظرة أخرى.

شكرًا لاستخدام Gatsby 💪

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات