Next.js: [९ .५.३] मॉड्यूल से अगले / _error.jsx शैली। एसकेएस काम नहीं कर रहे हैं

को निर्मित 8 सित॰ 2020 · 3टिप्पणियाँ · स्रोत: vercel/next.js

बग रिपोर्ट

बग का वर्णन करें

9.5.3 (9.5.2 में ठीक काम करता है) के बाद से, कस्टम त्रुटि पृष्ठ ने शैलियों को तोड़ दिया है

प्रजनन करना

स्टाइल के लिए सैस का उपयोग करना

कस्टम त्रुटि पेज बनाएं _error.jsx (मेरे मामले में tsx)

वास्तविक त्रुटि पृष्ठ देखने के लिए निर्माण करने की आवश्यकता है, और एक त्रुटि बनाने का प्रयास करें
(यार्न बिल्ड और& यार्न स्टार्ट)

त्रुटि पृष्ठ में वैश्विक शैली ठीक काम करती है
लेकिन मुख्य त्रुटि पृष्ठ या आयातित घटकों के लिए भी प्रत्येक मॉड्यूल। scss टूट गया है

प्रणाली की जानकारी

sass: 1.26.10
OS: [macOS उत्प्रेरित || ubuntu 18.04 lts]
Node.js का संस्करण: [v10.22.0 || v13.14.0]

bug 3 needs investigation

स्रोत

vdiazroa

👍5

सबसे उपयोगी टिप्पणी

हाय, मेरे लिए वही।
पुन: पेश करने के लिए यहां उदाहरण ऐप है। मैं आशान्वित हूं कि इससे आपको सहायता मिलेगी।

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

TasukuUno 10 सित॰ 2020

👍6

सभी 3 टिप्पणियाँ

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

TasukuUno 10 सित॰ 2020

👍6

स्थानीय रूप से इसे डिबग करने की कोशिश में मैं देख सकता हूं कि getCssLinks प्रदान किए गए रास्तों में से कोई भी css मॉड्यूल से फ़ाइलों को सीएसएस करने के लिए पथ नहीं हैं:

https://github.com/vercel/next.js/blob/b2d1d87e7feed5535a05ec99d7558934dcc82a5/packages/next/pages/document.tsx#L160

पीछे ट्रेस करने पर मैं getDocumentFiles में इस पंक्ति को देख सकता हूं, जो ऐसा लगता है कि समस्या के कारण के लिए यह एक अच्छा उम्मीदवार हो सकता है:

https://github.com/vercel/next.js/blob/b2d1d87e7feed5535a05ec99d7558934dcb82a5/packages/next/pages/document.tsx#L59

लेकिन उस लाइन को 2 महीने पहले https://github.com/vercel/next.js/commit/9fcf39acd45966d8a6c362bec62e49a53dcd8581 में बदल दिया गया था getPageFiles तक पहुँच जाते हैं, वहाँ अंतिम परिवर्तन था https://github.com/vercel/next.js/commit/3597978d7f121f11df99cd7cd757e1869fff7 "प्रकट में कम प्राथमिकता वाली फाइलों को संशोधित करें", _possibly_ जो कुछ भी चल रहा है। यहाँ कारण हो सकता है? इरादे निर्धारित करना कठिन है, लेकिन ये संशोधन _may_ ने CSS पथ प्राप्त करने के लिए आवश्यक डेटा के अनुबंध को तोड़ दिया है?

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

यहां उस लिंक से लिंक करें जहां उपर्युक्त को 3597978 में पेश किया गया था

JamieMason 16 अक्तू॰ 2020

👍1

यहाँ एक समाधान है: https://github.com/vercel/next.js/discussions/16784#discussioncomment -82053