React Error 해결법 : Module not found: Error: Cannot find file: 'MainPage.js' does not match the corresponding name on disk: './src/pages/Mainpage.js'.

에러 발생

리액트 실행시 아래와 같은 에러가 발생하였다.

Module not found: Error: Cannot find file: 'MainPage.js' does not match the corresponding name on disk: './src/pages/Mainpage.js'.

 

원인

호출한 파일 이름 또는 경로와 만들어진 파일 이름이 맞지 않아 찾지 못하여 발생하였다.

선언은 아래와 같이 하였지만

import MainPage from './pages/MainPage';

 

파일 이름을 아래와 같이 소문자로 만들어 발생하였다.

Mainpage.js

 

해결법

파일 이름을 확인하여 수정한다.

또는 경로를 확인하여 수정한다.