목록next.js 에러 (3)

계발하는 개발자

[Next.js 에러] The resource [URL] was preloaded using link preload but not used within a few seconds from the window's load event 해결

참고 https://blinders.tistory.com/84 에러 라우팅 이동한 페이지 CSS 설정을 해주는데 갑자기 아래같은 에러가 떴다. 직역하자면 아래와 같다. "리소스가 링크 사전 로드를 사용하여 사전 로드되었지만 창의 로드 이벤트 후 몇 초 내에 사용되지 않았습니다. 적절한 'as' 값이 있고 의도적으로 미리 로드되어 있는지 확인하세요." 원인 Vue CLI는 일부 리소스를 브라우저가 사전로드하도록 preload 옵션을 자동으로 설정하는데, preload 옵션으로 로드해오는 리소스가 즉각적으로 사용이 안되니까 이런 에러가 발생한듯하다. (preload 옵션으로 로드해오는 리소스는 3초내에 실제로 '활용'이 되어야한다고 함) 해결 처음엔 webpack 설정파일에서 as 속성값을 style 로 지..
❗️Error 2023. 10. 26. 14:04
[Next.js 에러] Skipping auto-scroll behavior due to `position: sticky` or `position: fixed` on element 해결

참고 https://github.com/shadcn-ui/ui/issues/1355 에러 next.js 프로젝트에서 gnb클릭후 페이지 이동시 콘솔창에 아래같은 에러가 갑자기 떴다. "Skipping auto-scroll behavior due to `position: sticky` or `position: fixed` on element" 원인 콘솔창에서 알려준 요소를 살펴보니 다음과 같이 설정돼있었다. 기본적으로 Link 태그를 사용하여 다른 페이지로 이동할 때, 이전 페이지의 스크롤 위치를 기억하고 다음 페이지에서 해당 스크롤 위치로 자동으로 스크롤되는 특성이 있다. 그러나 간혹 position: fixed나 sticky 를 사용하여 특정 요소를 화면에 고정시키는 경우, 이러한 스크롤 위치값 변화에..
❗️Error 2023. 10. 25. 22:56
[Next.js 13] Error: could not find react-redux context value; please ensure the component is wrapped in a <Provider> 에러 해결법

참고 https://github.com/reduxjs/react-redux/issues/2049 https://lobsterhyeon.tistory.com/41 에러 next.js에서 redux-toolkit 사용하려고 했을 때 다음과 같은 에러가 자꾸 났다..! Error: could not find react-redux context value; please ensure the component is wrapped in a Provider로 컴포넌트를 wrapping 하라는 메시지와 함께. 이러쿵 저러쿵 해봐도 자꾸 떠서 슬슬 한계 임박할 쯤에.. 다른 사람 github issue, 블로그 글을 참고해서 해결! 원인 먼저 에러 자체는 루트 컴포넌트를 Provider로 감싸지 않아서 발생한 거였다. r..
❗️Error 2023. 10. 13. 01:58
이전 Prev 1 Next 다음