لقد لاحظت أن الأنماط لا يتم عرضها على الخادم ولا يتم عرضها إلا بمجرد بدء تطبيق العميل ، مما يتسبب في وميض قصير من المحتوى غير المصمم. عندما نظرت إلى build/assets.json
، كان المفتاح css
مفقودًا بعد تشغيل yarn start
، لكنه موجود بعد تشغيل yarn build
. إذا كان من المتعمد استخراج الأنماط لبناء إنتاج فقط ، فأنا أحاول فهم كيفية عرض الأنماط قبل بدء تطبيق العميل ومنع FOUC.
هذا يحدث فقط أثناء التطوير. لا يوجد FOUC عند تشغيله في الإنتاج. إذا كان هذا يمثل مشكلة ، أقترح توسيع razzle لاستخدام البرنامج المساعد لاستخراج النص webpack لسحب أوراق الأنماط أثناء التطوير تمامًا كما يتم سحبها في razzle-build. لست متأكدًا من أن HMR ستعمل بالطريقة التي تتوقعها إذا أجريت هذا التغيير
أنا أستخدم المكونات المصممة (CSSinJS) لتصميمي وأواجه هذه المشكلة في الإنتاج أيضًا.
تضمين التغريدة هل حلت هذه المشكلة؟
التعليق الأكثر فائدة
هذا يحدث فقط أثناء التطوير. لا يوجد FOUC عند تشغيله في الإنتاج. إذا كان هذا يمثل مشكلة ، أقترح توسيع razzle لاستخدام البرنامج المساعد لاستخراج النص webpack لسحب أوراق الأنماط أثناء التطوير تمامًا كما يتم سحبها في razzle-build. لست متأكدًا من أن HMR ستعمل بالطريقة التي تتوقعها إذا أجريت هذا التغيير