Защо прозорецът не е дефиниран в NextJS?

Блог

Днес бих искал да говоря за най -често срещаната грешка, с която програмистите на NextJS се сблъскват: | _+_ | Ако сте работили с NextJS един ден или една година, има вероятност сте виждали тази грешка. Може да изглежда глупаво, но съм виждал опитни програмисти, объркани от тази грешка.

Ако напишете подобен код в приложението NextJS, той ще се провали с грешката | _+_ |.

window is not defined.

Но защо прозорецът е неопределен?

NextJS е рамка, която ви позволява да изграждате статични и сървърни приложения. Той използва NodeJS за изобразяване на вашето приложение и | _+_ | не е дефиниран в NodeJS. Това означава, че трябва да внимаваме, че нашият код, който има достъп до | _+_ | обектът не се изпълнява в NodeJS.

За наш късмет, има три лесни решения за използване на | _+_ | в нашите приложения NextJS.

1. Използвайте куката useEffect

С този подход имаме достъп само до | _+_ | обект, когато сме вътре в | _+_ | кука. Това гарантира, че нашият код работи само от страна на клиента. Следващият пример показва компонент на изображението със същата ширина като прозореца за изглед. За да направим това, използваме комбинация от | _+_ | и | _+_ | за безопасно получаване и съхраняване на | _+_ |.

window is not defined

#front-end-development #programming #nextjs #react #javascript

medium.com

Защо прозорецът не е дефиниран в NextJS?

Как да разрешите най -често срещаната грешка в NextJS. Днес бих искал да поговоря за най -често срещаната грешка, която срещат програмистите на NextJS: прозорецът не е дефиниран. Ако сте работили с NextJS един ден или една година, има вероятност сте виждали тази грешка. Може да изглежда глупаво, но съм виждал опитни програмисти, объркани от тази грешка.