java script 에러 - Uncaught ReferenceError: 함수() is not defined

에러 발생 상황

• html파일에 script 태그로 .js 파일을 선언 후, .js에 있는 함수를 html에서 사용
• Uncaught ReferenceError: 함수() is not defined 에러 발생

에러 해결 과정

함수를 html에 직접 선언

• 이 때는 정상적으로 함수를 찾아 동작
• 함수의 문제가 아닌 것을 확인

에러 원인 파악
이 글을 참고하여 해당 html파일을 열었을 때 필요한 파일이 모두 로드되었는지 확인

• F12를 눌러 개발자 모드 들어가기

• sources에서 선언한 .js 파일이 있는지 확인

  F12 개발자모드 - sources에서 파일 확인

• 확인해보니 선언한 .js 파일이 없었고, 따라서 함수를 찾지 못하는 것이었음

이전에 html에 접속했을 때 관련 파일을 캐시에 저장해두고, 캐시에 있는 파일을 계속 사용해서 발생한 문제이다.
이후에 추가로 .js 파일을 임포트하기 위해 <script>태그를 사용해주었지만 캐시에 있는 파일을 계속 사용하고 있어 추가한 .js파일이 웹 브라우저에 모두 업로드하지 못했다.

최종 해결 과정

• 프로젝트 새로 빌드
  • clean -> build
• 브라우저 캐시 삭제

위 두가지를 진행하였더니 추가한 .js 파일이 업로드 되면서 해결되었다.

참고
https://okky.kr/questions/1249812