java script 에러 - Refused to execute script from 'http://localhost:8080/~~.js' because its MIME type ('') is not executable, and strict MIME type checking is enabled.

에러 발생 상황

• html파일에서 버튼을 클릭하면 .js에 있는 함수를 실행하도록 코드를 작성
• 버튼을 클릭했을 때 함수가 있는 .js 파일에서 다음과 같은 오류가 발생

'http://localhost:8080/~~.js' because its MIME type ('') is not executable, and strict MIME type checking is enabled.

에러 해결 과정

개발자 모드에서 .js 파일 확인

• 방법은 이 글을 참고
• 필요한 .js 파일은 모두 로드되어 있었음

추가 에러 로그 확인

• 개발자모드 콘솔창을 확인해보니 다음 에러도 추가로 있었다.

Failed to load resource: the server responded with a status of 401 ()

• 개발 환경은 spring으로, spring security을 설정한 상태였다.
• 해당 .js 파일에 접근할 때 인증을 받지 못해 401 오류가 발생한 것이었다.

최종 에러 해결

• spring security 설정 파일에서 .js 파일에 대해 인증을 받지 않도록 설정 변경
• 다시 시도해보니, 성공!