Next.js: [9.5.3] النمط التالي / _error.jsx من modules.scss لا يعمل

تم إنشاؤها على ٨ سبتمبر ٢٠٢٠ · 3تعليقات · مصدر: vercel/next.js

تقرير الشوائب

وصف الخطأ

منذ 9.5.3 (في 9.5.2 يعمل بشكل جيد) ، تحتوي صفحة الخطأ المخصصة على أنماط متقطعة

لإعادة إنتاج

باستخدام ساس للتصميم

إنشاء صفحة خطأ مخصصة _error.jsx (tsx في حالتي)

بحاجة إلى إنشاء لرؤية صفحة الخطأ الفعلية ، ومحاولة إنشاء خطأ
(بدء بناء الغزل والغزل)

في صفحة الخطأ ، يعمل النمط العام بشكل جيد
لكن كل module.scss معطلة حتى بالنسبة لصفحة الخطأ الرئيسية أو للمكونات المستوردة

معلومات النظام

ساس: 1.26.10
نظام التشغيل: [macOS catalina || أوبونتو 18.04 لتر]
إصدار Node.js: [v10.22.0 || الإصدار 13.14.0]

bug 3 needs investigation

مصدر

vdiazroa

👍5

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

مرحبا ، نفس الشيء بالنسبة لي.
إليك مثال على التطبيق لإعادة إنتاجه. آمل أن يكون هذا يساعدك.

https://github.com/TasukuUno/repro-nextjs-16931

TasukuUno في ١٠ سبتمبر ٢٠٢٠

👍6

ال 3 كومينتر

مرحبا ، نفس الشيء بالنسبة لي.
إليك مثال على التطبيق لإعادة إنتاجه. آمل أن يكون هذا يساعدك.

https://github.com/TasukuUno/repro-nextjs-16931

TasukuUno في ١٠ سبتمبر ٢٠٢٠

👍6

في محاولة لتصحيح هذا محليًا ، يمكنني ملاحظة أنه لا يوجد أي من المسارات المقدمة لـ getCssLinks يحتوي على مسارات لملفات css من وحدات css النمطية:

https://github.com/vercel/next.js/blob/b2d1d87e7feed5535a05ec99d7558934dcbc82a5/packages/next/pages/_document.tsx#L160

التتبع السابق يمكنني رؤية هذا السطر في getDocumentFiles ، والذي يبدو أنه قد يكون مرشحًا جيدًا لسبب المشكلة:

https://github.com/vercel/next.js/blob/b2d1d87e7feed5535a05ec99d7558934dcbc82a5/packages/next/pages/_document.tsx#L59

ولكن تم تغيير هذا الخط منذ شهرين في https://github.com/vercel/next.js/commit/9fcf39acd45966d8a6c362bec62e49a53dcd8581. بالرجوع إلى أبعد من ذلك ، وصلنا إلى getPageFiles ، كان التغيير الأخير هناك https://github.com/vercel/next.js/commit/3597978d7f121f11df99cd7cd757e1eb9868fff7 إلى "تعديل الملفات ذات الأولوية المنخفضة في البيان" ، _ ربما _ كل ما يحدث في هنا يمكن أن يكون السبب؟ من الصعب تحديد النية ولكن هذه التعديلات _may_ قد خرقت العقد الخاص بالبيانات اللازمة للحصول على مسارات CSS؟

https://github.com/vercel/next.js/blob/3597978d7f121f11df99cd7cd757e1eb9868fff7/packages/next/next-server/server/render.tsx#L685 -L701

قم بالربط هنا بالفرق حيث تم تقديم ما سبق في الالتزام 3597978