Next.js: विकास में नेविगेट नहीं किया जा सकता (कुछ समय बाद राउटर हैंग हो जाता है)

को निर्मित 5 नव॰ 2018 · 50टिप्पणियाँ · स्रोत: vercel/next.js

बग रिपोर्ट

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

क्लाइंट साइड रूटिंग करते समय या तो Link या Router काम करना बंद कर देता है। ऐसा लगता है कि एचएमआर पृष्ठों के बीच संक्रमण को बाधित कर सकता है। यह सबसे अधिक बार होता है यदि एप्लिकेशन को निष्क्रिय या पृष्ठभूमि में थोड़े समय के लिए छोड़ दिया जाता है (हालांकि मैंने अनुभव किया है कि यह निष्क्रिय होने के बिना आसपास क्लिक करते हुए हो रहा है)

प्रजनन करना

व्यवहार को पुन: उत्पन्न करने के लिए कदम, कृपया कोड स्निपेट या एक रिपॉजिटरी प्रदान करें:

इस रेपो को क्लोन करें (https://github.com/malimccalla/next-rout-issue)
निर्भरता npm install स्थापित करें
सर्वर npm run dev चलाएँ
लिंक पर क्लिक करके सभी पृष्ठों पर जाएँ
एक कॉफी बनाओ (~ 2mins के लिए पृष्ठ निष्क्रिय छोड़ दें)
लिंक पर क्लिक करके सभी पृष्ठों पर जाने का प्रयास करें
कुछ लिंक उनके संबंधित पेज पर नेविगेट नहीं करते हैं to

अपेक्षित् व्यवहार

मैं सभी व्यक्तिगत पृष्ठों पर जाने में सक्षम होने की उम्मीद करता हूं

वास्तविक व्यवहार

पेज कुछ मार्गों पर नेविगेट नहीं करता है। पेज को रिफ्रेश करने से वह ठीक हो जाएगा

स्क्रीनशॉट

"के बारे में" और "संपर्क" दोनों लिंक काम नहीं करते हैं (प्रत्येक मार्ग के पहले प्रयास पर एचएमआर लॉग नोटिस करें)। पेज रिफ्रेश होने के बाद वे उम्मीद के मुताबिक काम करते हैं। अगर मैं लगभग 2mins के लिए ऐप निष्क्रिय छोड़ देता हूं तो यह समस्या के साथ शुरू हो जाएगा

next-issue

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

मैक मोजवे 10.14
क्रोम
अगला.जेएस v7.0.2

अतिरिक्त संदर्भ

कंसोल के साथ आप देख सकते हैं कि राउटर घटना routeChangeStart आग है, लेकिन routeChangeComplete कभी नहीं करती है।

bug p1

स्रोत

malimccalla

👍119 👀8

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

मैं अभी इस मुद्दे की जाँच कर रहा हूँ।

timneutkens 3 जन॰ 2019

👍21 ❤9 🎉4

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

मेरे पास एक ही मुद्दा है

dankythuat 9 नव॰ 2018

मैं इसे प्रोडक्शन के माहौल में भी देख रहा हूं, इसलिए मुझे यकीन नहीं है कि इस मुद्दे के लिए HMR ही जिम्मेदार है

ernerock 10 नव॰ 2018

👍2

@ernerock I ने उपर्युक्त उदाहरण को यहां तैनात किया है, लेकिन यह समस्या एक बार लाइव होने के लिए प्रतीत नहीं होती है। क्या आप एक उत्पादन वातावरण में पुन: पेश करने में सक्षम थे?

malimccalla 10 नव॰ 2018

@malimccalla ऐसा लगता है कि मेरा मुद्दा

import 'react-alice-carousel/lib/alice-carousel.css';

नेविगेशन व्यवहार वही है जो आपने रिपोर्ट किया था। '@ Zeit / next-css' के साथ एक मुद्दा लगता है

पहले से ही # 5291 में सूचित किया जा सकता है, _app.ds में सीएसएस फ़ाइल आयात करके और अस्थायी रूप से 'हल' किया जा सकता है

ernerock 10 नव॰ 2018

👍10 🎉5 🚀3

@ernerock बहुत अजीब है, वे कुछ गोल चक्कर के तरीके से संबंधित हो सकते हैं!

malimccalla 13 नव॰ 2018

यहाँ एक ही समस्या है, मेरे पास / होम और / होम / सब-पेज के रूप में पेज सेट हैं, फिर अगर मैं Router.push के साथ / होम / होम / सब-पेज से नेविगेट करने की कोशिश करता हूं, या RRouter HOC या यहां तक कि लिंक से काम नहीं करता।

ठीक है अब मेरे पास कुछ और जानकारी है, मैंने नाम बदलने / घर / घर / स्वागत करने की कोशिश की और ऊपर वर्णित मामला अभी भी मेरे लिए काम नहीं करता है

matejkonrad 14 नव॰ 2018

@ maciej-ka आह हां मैं पुष्टि कर सकता हूं कि यह push साथ भी होता है यह Link । शीर्षक को बदल देंगे, क्योंकि यह थोड़ा भ्रामक है।

@timneutkens @ को क्षमा करें @ आपको पता है कि अन्य मुद्दों का भार है, लेकिन किसी भी तरह हम इस पर कुछ आँखें प्राप्त कर सकते हैं? मैं एक सप्ताह के लिए अब बिना किसी भाग्य के इसे प्राप्त करने की कोशिश कर रहा हूं और यह वास्तव में विकास को रोक रहा है

malimccalla 14 नव॰ 2018

यह ऑन-डिमांड-प्रविष्टियों और उनके निपटान से संबंधित होने की संभावना है

timneutkens 14 नव॰ 2018

मैंने थोड़ी खुदाई की और ऐसा लगता है कि पृष्ठों के निपटान के कारण ऐसा होता है। जैसे ही यह लॉग दिखाई देता है डिस्पोज किए गए पन्नों को अब नेविगेट नहीं किया जा सकता है

> Disposing inactive page(s): /

मेरे पास एक गहरा गोता लगाने के लिए आज रात का थोड़ा समय है और उम्मीद है कि इसे ठीक करने के लिए पीआर खुला हो सकता है। @timneutkens प्रारंभिक अंतर्दृष्टि के लिए धन्यवाद, मुझे पता है अगर आपको लगता है कि उस फ़ाइल के किसी भी हिस्से में मैं विशेष रूप से होना चाहिए

malimccalla 15 नव॰ 2018

👍9

मैं इसे ठीक करने की कोशिश कर रहा था, लेकिन संबंधित फाइलों में बहुत कुछ चल रहा है और दुर्भाग्य से मैं इसकी तह तक नहीं पहुंच पाया। किसी और को यह समस्या होने के लिए, वर्तमान वर्कअराउंड के रूप में मैं इस कॉन्फ़िगरेशन का उपयोग अपने next.config.js में इस अवधि का विस्तार करने से पहले करता हूं कि पृष्ठों का निपटान हो जाए।

  onDemandEntries: {
    // period (in ms) where the server will keep pages in the buffer
    maxInactiveAge: 25 * 1000,
    // number of pages that should be kept simultaneously without being disposed
    pagesBufferLength: 5,
  },

malimccalla 18 नव॰ 2018

👍6 👎1

मेरे पास यह मुद्दा भी है।

hiovi 18 नव॰ 2018

क्या कोई इसे देख रहा है? मेरे पास भी यह मुद्दा है लेकिन सभी मार्गों के लिए जरूरी नहीं है। यह यादृच्छिक है कि कौन सा मार्ग / मार्ग अनुत्तरदायी हो जाते हैं लेकिन वे सभी अंततः करते हैं।

serendipity1004 18 नव॰ 2018

मैं इसे अभी नहीं देख सकता क्योंकि मैं अगले सर्वर / लैम्ब्डा मुद्दे पर ध्यान केंद्रित कर रहा हूं, लेकिन यह सबसे अधिक संभावना ऑन-डिमांड-प्रविष्टियों से संबंधित है।

हाँ, यह निश्चित है। निपटाने के बाद होता है।

tomsseisums 20 नव॰ 2018

मेरे साथ भी ऐसा है।

alexsenichev 26 नव॰ 2018

क्या कोई मेरे लिए पुष्टि कर सकता है कि यह उत्पादन में कोई मुद्दा नहीं है?

serendipity1004 30 नव॰ 2018

क्या कोई मेरे लिए पुष्टि कर सकता है कि यह उत्पादन में कोई मुद्दा नहीं है?

उत्पादन मोड में यह ठीक है, जब मैंने ईएनवी को उत्पादन में बदल दिया है तो सब कुछ ठीक हो रहा है

alexsenichev 30 नव॰ 2018

👍3

मेरे पास देव और उत्पादन दोनों में यह है। इससे कोई फर्क नहीं पड़ता कि पेज निष्क्रिय है, आदि। मेरा नया लोड हो सकता है और यह काम नहीं करेगा। देव में, सर्वर कंसोल
> Building page: /contact
WAIT Compling...
success client complied in 462ms
लेकिन क्लाइंट में पेज कभी भी रेंडर नहीं होता है। उसी समय, क्लाइंट कंसोल पर:
[HMR] bundle rebuilding संदेश, फिर सर्वर कंसोल देता है:
Disposing of inactive page(s): /, /contact

यदि मैं ब्राउज़र में mysite.com/contact टाइप करता हूं, तो यह ठीक-ठाक लोड हो जाएगा।
मैंने next.config.js maxInactiveAge और pagesBufferLength का कोई फायदा नहीं हुआ।

[उम्मीद थी कि यह सिर्फ देव में था क्योंकि कई लोग कह रहे थे]

संपादित करें: मेरे पास एक घटक में import 'node-mod/dist/theme.css था। मैंने उस आयात को _app.js स्थानांतरित किया और वह Link काम कर रहा है।

dmayo2 30 नव॰ 2018

👍15 🎉2 😄2

यहाँ एक ही मुद्दा, मार्ग निपटान के बाद देव मोड में पूरा नहीं होता है। यह वास्तव में कष्टप्रद है।

roytsang 4 दिस॰ 2018

@roytsang "एक ही मुद्दे" कहने के बजाय मुद्दे पर of का उपयोग करें। आपका मैनुअल +1 sort पर सॉर्ट करते समय समाप्त नहीं होता है

timneutkens 4 दिस॰ 2018

👍27

मेरे साथ भी वही दिक्कत है। शीर्षक और फ़ेविकॉन लागू करने के बाद मैंने अपने हेड में अगले / सिर से हेड का उपयोग करना शुरू कर दिया था।

Atmospheres 13 दिस॰ 2018

👍5

@ वायुमंडल ने क्या आपने @malimccalla वर्कअराउंड समाधान की कोशिश की है? यह कुल फिक्स नहीं था लेकिन मेरे लिए एक वर्कअराउंड के रूप में काम करता था।

scrumptiousdev 14 दिस॰ 2018

मैं इसके आसपास अभी तक नहीं मिला है, लेकिन मैं जल्द ही होगा। मैंने सिर्फ इस बारे में अधिक जानकारी के बारे में सोचा कि मेरे लिए समस्या कब खड़ी हुई थी जो किसी को ठीक करने में उपयोगी हो सकती है।

अद्यतन: मैं आज सुबह कुछ परीक्षण कर रहा हूँ और यहाँ जो मैं आया हूँ।

समस्याएं कल शुरू हुईं, केवल एक नई चीज जिसे मैंने लागू किया था वह है अगले से प्रमुख। मुझे एहसास हुआ कि मैंने सिर में बदलाव किया है, शैलियों में, सिर पर लोड करने के लिए उपयोग किया जाता है। मैंने शीर्षक और फ़ेविकॉन सेट करने के लिए सिर को _app.js में भी जोड़ा। _App.js में हेड को हटाना मेरे लिए यह ठीक नहीं था। _App और _document दोनों में हेड को हटाने से भी समस्या हल नहीं हुई। मैंने एक आखिरी चीज़ की कोशिश की, मैंने हेड को _document में वापस हेड किया और शीर्षक और फ़ेविकॉन सेट करने के लिए हेड को _app में छोड़ दिया, और अब यह मुद्दा समाप्त हो गया है।

यदि किसी भी कारण से समस्या वापस आती है तो मैं यहां फिर से अपडेट करूंगा। मुझे उम्मीद है कि यह जानकारी एक फिक्स करने में मदद कर सकती है।

अद्यतन 2: समस्या बनी रहती है, हालांकि यह कम बार उठता है फिर यह किया। मैंने देखा है कि जब ऐसा होता है, तो मुझे उस स्क्रिप्ट का टैग दिखाई देता है जो उस पेज के लिए js को लोड करता है। उदाहरण के लिए, पहली बार मैं पृष्ठ "x" को लोड करता हूं

क्या यह बताना संभव है कि समस्या क्या थी और अगर हम अभी उन्नयन नहीं कर सकते हैं तो हम इस मुद्दे पर कैसे काम कर सकते हैं? उदाहरण के लिए, क्या यह सीएसएस लोडिंग के साथ करना है? क्या यह ऐसा कुछ है जिसे विन्यास में बदला जा सकता है?

jon64digital 25 जन॰ 2019

👍1

@ jon64digital मैंने # 5994 में इस मुद्दे का पूरा

timneutkens 25 जन॰ 2019

❤6

@timneutkens मैं 8.1.1-canary.24 का उपयोग कर रहा हूं और बग अभी भी मेरे लिए मौजूद है। कोई उपाय?

संपादित करें: पता चला कि क्या हो रहा है। नहीं यकीन है कि क्यों ...:
मेरे पास एक index.tsx और index.less फ़ाइल थी। मैं अपने netxt.config.js फ़ाइल में cssModules का उपयोग कर रहा था (withLess का उपयोग करके)। जब /subpage लोड हो रहा है और एक लिंक है जो / संदर्भ देता है (जो इस तरह की शैली आयात कर रहा है: import css from './index.less'; ) तो स्क्रिप्ट गतिशील रूप से लोड हो जाएगी ( http://localhost:3000/_next/static/development/pages/index.js ) लेकिन इसका प्रतिपादन नहीं किया गया है। वास्तव में यूआरएल बिल्कुल नहीं बदलता है, यह अटक की तरह है ... कम फ़ाइल आयात को हटाने से समस्या हल हो गई।

वॉट डू?

Edit2: लगता है कि मैं https://github.com/zeit/next-plugins/issues/282 पर चल रहा हूं

AmazingTurtle 6 मई 2019

😕1

मैं अभी भी 8.1.0 पर कुछ समय के लिए ऐसा कर रहा हूं। मैं एक नए मुद्दे को पुन: पेश करने और खोलने की कोशिश करूंगा

malimccalla 13 मई 2019

मेरे लिए भी इसका / हर बार 404 रूट के बारे में नेविगेट नहीं करता है! यकीन नहीं है कि रूटिंग के साथ क्या समस्या है !? : /

package.json निर्भरताएँ:

"dependencies": { "cross-env": "^5.2.0", "express": "^4.17.0", "next": "^8.1.0", "react": "^16.8.6", "react-dom": "^16.8.6" }

jsbimra 17 मई 2019

@jsbimra कृपया हमेशा पूर्ण प्रजनन प्रदान करें। "मेरे लिए होता है" पर ध्यान देना असंभव है

timneutkens 18 मई 2019

@jsbimra कृपया _always_ एक पूर्ण प्रजनन प्रदान करें। "मेरे लिए होता है" पर ध्यान देना असंभव है

पाया एक मुद्दा है, यह next.js के पेज फ़ोल्डर के अंतर्गत एक पेज बनाने में लापता कदम, @timneutkens परेशान करने के लिए माफी चाहता संबंधित था

jsbimra 18 मई 2019

इसके लिए कोई समाधान? उत्पादन में भी ऐसा होता है? क्योंकि देव में यह मेरे साथ हो रहा है, यह बग 2018 और मई / 22/2019 से अभी भी इस बग को ठीक नहीं किया गया है, अगर यह उत्पादन में नहीं होता है तो मैं इससे चिंतित नहीं हूं, लेकिन अगर ऐसा होता है तो यह है एक बहुत बड़ी समस्या ...

Solitaryo 22 मई 2019

बग यह 2018 और मई / 22/2019 से अभी भी इस बग को ठीक नहीं किया गया है

@Malimccalla द्वारा प्रदान किए गए प्रजनन के आधार पर यह तय किया गया है।

अगर ऐसा उत्पादन में नहीं होता है तो मैं चिंतित नहीं हूं

यह नहीं है

ध्यान दें कि यह टिप्पणी आपके मुद्दे को हल करने वाली नहीं है। जैसा कि पहले कई बार कहा गया है:

कृपया हमेशा एक पूर्ण प्रजनन प्रदान करें। "मेरे लिए होता है" पर ध्यान देना असंभव है

timneutkens 25 मई 2019

मेरे पास नवीनतम संस्करण (8.1.0) के साथ एक ही मुद्दा है।

mariagnoriegag 30 मई 2019

👍2

मेरे पास नवीनतम संस्करण (8.1.0) के साथ एक ही मुद्दा है।

मैंने अब लगभग उसी संदेश के साथ लगभग 3 बार उत्तर दिया है। कृपया एक प्रजनन प्रदान करें ।

ध्यान दें कि यह टिप्पणी आपके मुद्दे को हल करने वाली नहीं है। जैसा कि पहले कई बार कहा गया है:

कृपया हमेशा एक पूर्ण प्रजनन प्रदान करें। "मेरे लिए होता है" पर ध्यान देना असंभव है

timneutkens 30 मई 2019

👍3

मैं ~ / index.tsx का उपयोग करने में सक्षम नहीं होने की समस्या से परेशान था।
लेकिन मुझे आखिरकार इसका कारण मिल गया!

मैंने react-activity नामक एक पुस्तकालय का उपयोग किया, लेकिन उसी समय मुझे सीएसएस आयात करने की आवश्यकता थी।

जब मैं एक ही सीएसएस को दो बार अलग-अलग जगहों पर पढ़ता हूं, तो ऐसा लगता है कि मैं पलायन नहीं कर सकता।
_app.tsx में पढ़ने के परिणामस्वरूप, मैं सफलतापूर्वक प्रवास करने में सक्षम था।

pochi-sato 3 जून 2019

@timneutkens ठीक है, निश्चित रूप से, मैं निपटान समय बढ़ा सकता हूं, लेकिन उस स्थिति के बारे में क्या है जहां पहली बार सर्वर शुरू किया गया है? मैं उन पेजों पर प्रोग्राम करने के लिए नेविगेट नहीं कर पाऊंगा क्योंकि वे अभी तक नहीं बने हैं। 🤔

dydokamil 5 जून 2019

मैंने अब लगभग उसी संदेश के साथ 4 बार उत्तर दिया है। कृपया एक प्रजनन प्रदान करें ।

ध्यान दें कि यह टिप्पणी आपके मुद्दे को हल करने वाली नहीं है। जैसा कि पहले कई बार कहा गया है:

कृपया हमेशा एक पूर्ण प्रजनन प्रदान करें। "मेरे लिए होता है" पर ध्यान देना असंभव है

विशिष्ट प्रश्न का उत्तर देने के लिए, पृष्ठ ऑन-डिमांड बनाए जाते हैं, और यह प्रणाली ठीक काम करती है। मुझे लगता है कि आपके पास आपके कॉन्फ़िगरेशन में कुछ है जो वेबपैक को फ़ाइल को ट्रिगर नहीं करता है जैसे कि समाप्त इमारत। हालाँकि यह कहना मुश्किल / असंभव है क्योंकि प्रजनन नहीं है।

यह भी ध्यान दें कि विशिष्ट मुद्दा, जैसा कि पहले उल्लेख किया गया था, पहले से ही तय था और समयबाह्य बढ़ाना आपके द्वारा अनुभव किए जाने वाले विशिष्ट मुद्दे के लिए मदद नहीं करता है। इसलिए मैं प्रजनन के लिए क्यों कहता हूं for

हम इस पर गौर करने और उस पर समय बिताने के लिए सुपर खुश हैं।

timneutkens 5 जून 2019

मैंने कल एक नया प्रोजेक्ट बनाया और यह ठीक काम किया। मेरी परियोजना के बारे में कुछ विशिष्ट होना चाहिए जो इसे काम नहीं करता है। मैं आज बाद में धीरे-धीरे इसे अलग करने की कोशिश करूंगा और देखूंगा कि समस्या किस बिंदु पर गायब हो गई है।

dydokamil 6 जून 2019

यदि आप मज़बूती से इसे पुन: पेश कर सकते हैं तो मैं एक नज़र रखना पसंद करूंगा।

timneutkens 6 जून 2019

अच्छी खबर यह है कि मैं त्रुटि को इंगित करने में सक्षम था। बुरी खबर यह है कि मेरी परियोजना के साथ मुद्दा इस धागे में अन्य लोगों के लिए अलग नहीं था, रिपोर्ट किया है।

इसलिए अगर मुद्दा CSS और निपटान सीमा के साथ है, और इसे माना जाता है कि इसे हल किया गया है, तो मुझे कुछ गलत करना चाहिए। क्या यह है जहाँ आप इन रखा?

module.exports = withCSS({ onDemandEntries: { maxInactiveAge: 1000 * 60 * 60 } })

प्रजनन: https://github.com/dydokamil/next-js-router-bug

dydokamil 6 जून 2019

👍2

@dydokamil
यह बग ज्ञात है: https://github.com/zeit/next-plugins/issues/282
आप खाली सीएसएस फ़ाइल आयात करके इसे "हल" कर सकते हैं।

flytaly 6 जून 2019

👍1

मैं इसे पूरी तरह से देव, उत्पादन और स्थिर-निर्यात मोड में पुन: पेश करने के लिए प्राप्त कर सकता हूं और onDemandEntries या खाली सीएसएस फ़ाइल वर्कअराउंड में से किसी ने भी मदद नहीं की।

समस्या को ठीक करने का एकमात्र तरीका मेरे ब्लॉग पोस्ट पृष्ठों पर import 'highlight.js/styles/color-brewer.css'; बॉडी घटक से निकालना था।

किसी भी <Link> इंस्टेंस जो एक ब्लॉग पोस्ट पेज को इंगित करता है, लोड करने में विफल होगा, लेकिन http://localhost:3000/_next/static/development/pages/post.js अभी भी <Link> क्लिक पर पेज पर गिरा दिया जाएगा। टिप्पणी करें कि ब्लॉग पोस्टों पर css आयात, <Link> s काम करते हैं। Uncomment और सभी <Link> s ब्लॉग पोस्ट लोड करने में विफल रहते हैं।

उन ब्लॉग पोस्ट पेज मार्गों में से किसी एक को मारना सीधे ठीक काम करता है, बग केवल क्लाइंट-साइड से संबंधित है -बेड रूटिंग। यह संस्करण 6 से संस्करण 8 में अपग्रेड करने के बाद हुआ।

मैंने शुरू में @zeit/next-css साथ इसे मारा लेकिन मैं @zeit/next-sass में स्वैप करने और .scss फ़ाइल आयात करने के बाद इस मुद्दे को उसी तरह दोहरा सकता हूं। अभी के लिए मैं केवल styled-components @zeit/next-css का उपयोग करके इन शैलियों को लोड कर रहा हूँ। Https://www.npmjs.com/package/@zeit/next -css और https://www.npmjs.com/package/@zeit/next -sass की समीक्षा करने के बाद, ऐसा लगता है कि उन उपयोग उदाहरणों को तोड़ दिया जाएगा 🤔

BlakePetersen 17 जून 2019

👍13

क्या आप https://github.com/zeit/next-plugins/issues/282 पर प्रजनन भंडार जोड़ सकते हैं

आप जो वर्णन कर रहे हैं, वह उस मुद्दे की तरह लगता है।

timneutkens 19 जून 2019

मैं इसे पूरी तरह से देव, उत्पादन और स्थिर-निर्यात मोड में पुन: पेश करने के लिए प्राप्त कर सकता हूं और onDemandEntries या खाली सीएसएस फ़ाइल वर्कअराउंड में से किसी ने भी मदद नहीं की।
समस्या को ठीक करने का एकमात्र तरीका मेरे ब्लॉग पोस्ट पृष्ठों पर import 'highlight.js/styles/color-brewer.css'; बॉडी घटक से निकालना था।
किसी भी <Link> इंस्टेंस जो एक ब्लॉग पोस्ट पेज को इंगित करता है, लोड करने में विफल होगा, लेकिन http://localhost:3000/_next/static/development/pages/post.js अभी भी <Link> क्लिक पर पेज पर गिरा दिया जाएगा। टिप्पणी करें कि ब्लॉग पोस्टों पर css आयात, <Link> s काम करते हैं। Uncomment और सभी <Link> s ब्लॉग पोस्ट लोड करने में विफल रहते हैं।
उन ब्लॉग पोस्ट पेज मार्गों में से किसी एक को मारना सीधे ठीक काम करता है, बग केवल क्लाइंट-साइड-आधारित रूटिंग से संबंधित है। यह संस्करण 6 से संस्करण 8 में अपग्रेड करने के बाद हुआ।
मैंने शुरू में @zeit/next-css साथ इसे मारा लेकिन मैं @zeit/next-sass में स्वैप करने और .scss फ़ाइल आयात करने के बाद इस मुद्दे को उसी तरह दोहरा सकता हूं। अभी के लिए मैं केवल styled-components @zeit/next-css का उपयोग करके इन शैलियों को लोड कर रहा हूँ। Https://www.npmjs.com/package/@zeit/next -css और https://www.npmjs.com/package/@zeit/next -sass की समीक्षा करने के बाद, ऐसा लगता है कि उन उपयोग उदाहरणों को तोड़ दिया जाएगा n

अगले / css पैकेज को जोड़ने के बाद मैं पुष्टि कर सकता हूं कि यह मेरे साथ भी हुआ है।

kevinvugts 7 जन॰ 2020

ऐसा ही मेरे साथ विकास में हुआ (उत्पादन उम्मीद के मुताबिक काम करता है), और मुद्दा तब है जब हम पृष्ठों (या अंदर घटक) से लिंक करते हैं जो कि sass फाइलों को आयात करते हैं।

मेरी next.config.js फ़ाइल:

const withSass = require('@zeit/next-sass');

const withBundleAnalyzer = require('@next/bundle-analyzer')({
  enabled: process.env.ANALYZE === 'true',
});

require('dotenv').config();

module.exports = withBundleAnalyzer(
  withSass({
    distDir: '../dist',
    env: {...},
  }),
);

तो फिर, गहराई में घटकों में से एक यह आयात है:

// MIGRATE: PriceDetail to styled components
import './PriceDetail.scss';

जब मैं आयात पर टिप्पणी करता हूं, तो लिंक काम करना शुरू कर देता है। तो यह withSass प्लगइन के साथ एक मुद्दा लगता है।

acabreragnz 3 मई 2020

मेरे पास समान मुद्दा है लेकिन समान नहीं है। दुर्भाग्य से मुझे वही त्रुटि मिलती है
उत्पादन में भी। लेकिन कुछ कारणों से लिंक कभी-कभी काम करते हैं।

kodcuserkan 6 मई 2020

मैंने अगले 9.4 के साथ एक ही मुद्दे का सामना किया है
मैंने कल अपनी परियोजना में CodeMirror जोड़ा और भी
import "codemirror/lib/codemirror.css"

मेरे पास कुछ ऐसे पृष्ठ / पृष्ठ 2 हैं। जेएस जो कुछ सामान करता है तो उस के अंत में router.replace("/") कॉल करता है और यह अचानक कुछ भी करना बंद कर देता है।
डिबगर में router.replace("/") दौड़ने से एक वादा दिखा जो कभी भी catch या finally ब्लॉक हिट या हिट नहीं करता है।

संभवतः यह भी ध्यान देने योग्य है कि मेरे पास अगला-सीएसएस मेरे अगले.कॉन्फिग.जेएस में है - मैं इसे हटाने की कोशिश करने जा रहा हूं और देखूंगा कि क्या इसका कोई प्रभाव है।

लगता है कि शायद यहाँ एक गर्म तय है? =)

elsigh 13 मई 2020

अहा, मेरे लिए यह निश्चित चीजें - मुझे स्पष्ट रूप से अपने आयात को शेल _app.js फ़ाइल में भी स्थानांतरित करना था।

elsigh 13 मई 2020

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Next.js: विकास में नेविगेट नहीं किया जा सकता (कुछ समय बाद राउटर हैंग हो जाता है)

बग रिपोर्ट

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

प्रजनन करना

अपेक्षित् व्यवहार

वास्तविक व्यवहार

स्क्रीनशॉट

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

अतिरिक्त संदर्भ

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

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

संबंधित मुद्दों