Module not found (React 이슈)

React app 프로젝트를 하며,, 생긴 에러

Failed to compile.

Module not found: Error: Can't resolve './input/page' in '/Users/dgsw8th61/Desktop/js 공부/apps/app/src'

ERROR in ./src/index.js 9:0-32

Module not found: Error: Can't resolve './input/page' in '/Users/****/Desktop/js 공부/apps/app/src'

webpack compiled with 1 error

<전체 에러 메시지>

해당 에러 실행 화면

에러 이유

import 로 파일을 불러올때 확장자 명을 제대로 안달아주어서 인식을 못함.

해결 방법

import Home from './input/page'; 에서

import Home from './input/page.tsx '; 처럼 확장자 명을 추가함.

수정 전 코드

확장자 수정 후 코드

에러 해결 후 터미널