net::ERR_ABORTED 404

net::ERR_ABORTED 404

import 하는 과정속에서 문제가 발생했습니다.

파일 구조도 다 맞는데 이해할 수 없었다... 이것만 빨리 해결했어도 코드 두 줄은 더 쳤을텐데.... 

이 에러가 발생한 이유

1. 올바르지 않은 URL

2. 파일이 잘못되었거나 삭제 되었을 경우

3. 잘못된 파일 경로

4. 권한문제

5. 서버 구성

 

여러가지 이유가 있는데 나는 Thymleaf를 사용하고 있기 때문에 파일 경로가 아닌 HTML 템플릿을 이용하여 동적으로 웹 페이지를 생성하는데 사용되기 때문에  아래 그림 처럼 사용해야합니다.

이렇게 하면 브라우저가 해당 js 파일을 로드할 수 있게 됩니다.  Thymeleaf는 서버 측에서 동적으로 페이지를 렌더링 하는데 사용되며 이렇게 자원을 처리하여 동적으로 페이지를 생성할 수 있습니다.