[EJS] Refused to apply style from '*.css ' because its MIME type ('text/html') is not a supported stylesheet MIME type..

 

 

EJS템플릿 위에서 CSS파일을 불러오자 발생한 에러

CSS가 적용되지 않습니다.

 

 

MIME type이 뭘까.. 싶었는데 MIME은 Multipurpose Internet Mail Extensions의 약자로 이전의 방식보다 개선된 인코딩 방식이라고 합니다.

 

 

그런데 지난번의 프로젝트에서도 EJS를 사용했고, 같은 방식으로 CSS를 불러왔지만 해당 오류는 없었던점을 통해 이는 큰 상관이 없다고 생각했습니다.

 

 

 

찾아보니 express에서 static설정이 저번 프로젝트와는 달라 발생한 오류였습니다.

app.use(express.static('public'));

 

 

경로를 변경해주면 잘 작동합니다.

<link rel="stylesheet" href="[static설정이 된 폴더 기준에서의 경로].css">