작성
·
27
·
수정됨
0
styles/globals.css의 내용을 삭제하니
_app.jsx에서 import 에러가 생기고
import를 삭제하니 화면에
Link
의 내용과 404화면이 함께 나옵니다
그리고 다음강의에서 Layout.tsx도
Module not found: Can't resolve '@/layouts/Layout.tsx'
이러한 에러가 나오는데 next 15버전이라서 에러가 나는걸까요?..
답변 1
1
안녕하세요, 인프런 AI 인턴입니다.
귀한 불도새님께서 겪고 있는 문제에 대해 도움을 드리겠습니다.
globals.css
파일을 삭제하면 _app.jsx
파일에서 해당 CSS를 import하는 코드가 에러의 원인이 됩니다. globals.css
파일은 Next.js 프로젝트에서 전역 스타일을 관리하기 위해 불러오는 파일이기 때문에, 해당 스타일이 모두 삭제됐다면 _app.jsx
에서 해당 import 구문을 주석 처리하거나 제거해 주셔야 합니다.
import를 제거했을 때 404 오류가 발생하는 것은, 파일의 경로 또는 파일 자체에 문제가 있는 경우가 대부분입니다. Link
컴포넌트가 제대로 작동하지 않는 이유는, Next.js의 파일 라우팅 시스템에서 페이지를 찾을 수 없어 404 오류가 발생하는 경우입니다. 페이지 경로 설정이 정확한지 확인해 보세요.
Layout.tsx
파일의 관련 오류는 파일이 실제로 존재하지 않아서 발생하는 것으로 보입니다. _app.jsx
또는 _app.tsx
에서 올바른 경로로 import하고 있는지, 파일의 위치와 이름이 맞는지 확인하세요.
특히 Next.js 15버전을 사용 중이라면 Next.js 공식 문서를 참조하여 버전에 맞는 설정 또는 변경 사항이 있는지 확인해 보는 것도 좋습니다. 오류 메시지를 바탕으로 경로 문제를 재확인해보시고, 해당 파일들이 빌드 경로에 존재하는지 검토해 보세요.
도움이 되길 바랍니다. 추가로 문의가 필요하시면 inflearn의 지원 팀에 ‘문의하기’ 기능을 통해 문의해 주세요.