### 문제 상황 - 아래 이미지와 같이 loading, error 파일 컨벤션이 적용 안됨 <img src="https://github.com/depromeet/InsightOut-client/assets/80238096/76c5039e-5261-485b-826a-d8c8b4a9f021" width="400px" /> https://github.com/depromeet/InsightOut-client/assets/80238096/b39a2ba2-31ba-4762-9e62-bdf4d226ede2 ### 원인 - parallel routing을 사용한 경우, loading과 error 파일 컨벤션이 적용되지 않는 이슈가 있음 - https://github.com/vercel/next.js/issues/49243 ``` /resumes ├── @aside │ ├── default.tsx │ ├── loading.tsx │ └── error.tsx ├── @resume │ ├── default.tsx │ ├── loading.tsx │ └── error.tsx └─ layout.tsx ``` ### 해결 방법 https://github.com/vercel/next.js/issues/49243 위 이슈에서는 2가지 해결 방식을 제시 1. `13.4.20-canary.6`으로 업데이트 2. route group 적용 - 이 방식 해봤는데 안됨
문제 상황
2023-09-17.9.21.56.mov
원인
loading.tsxas described in documentation vercel/next.js#49243해결 방법
vercel/next.js#49243
위 이슈에서는 2가지 해결 방식을 제시
13.4.20-canary.6으로 업데이트