globals.css를 삭제하니 404가 나옵니다
73
投稿した質問数 7
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의 지원 팀에 ‘문의하기’ 기능을 통해 문의해 주세요.
클로드코드 유료플랜 할인 방법이 있을까요?
0
14
0
API Error : 400 에러의 원인과 해결방법이 궁금합니다!!
0
15
2
퍼미션 권한 설정 문의
0
17
2
Next.js + Tanstack Query BFF 구조 질문
0
10
1
커서에서 shift+enter가 안됩니다.
0
18
2
mcp 설치를 못하겠어요
0
27
2
라이브러리 관련 질문 있습니다!
0
21
2
노션 학습 자료 권한 요청
0
15
1
output-styles은 Claude Code의 공식 기능이 아니라고 하는데 혹시 변경된걸까요?
0
19
2
클로드 변경
0
24
2
ESLint + Prettier 설정 관련해서 질문있습니다
1
304
2
EsLint flat config format 으로 만들어질 때 참고
0
333
1
<img /> 요소 대신 <Image /> 컴포넌트를 사용해야 하는 이유 (성능 최적화)
0
233
2
컴포넌트가 렌더링되어 HTML이 생성되는 곳 (getServerSideProps VS useEffect)
0
229
1
router를 사용할 때 왜 페이지가 갱신되는지에 대한 질문
1
335
2
Image 컴포넌트 width, height 속성
1
239
2
스페이스 + 컨트롤 눌러도 활성화 안되시는분 참고하세요...
3
340
3
파일명 명명 규칙에 대해서 묻고 싶습니다
1
867
2
getServerSideProps에서 axios 호출시
1
369
2
next create-next-app@latest 설치 문제
1
590
2
bun, biome 사용 질문
0
343
2
eslint 오류..
1
626
2
API Routes를 사용하는 기준과 장/단점에 대해서 알고 싶습니다!
1
889
3
Link 컴포넌트의 prefetching 기능
1
262
1