[에러 해결]Refused to apply style from 'http://localhost:3000/OOO.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

Node.js

 

Refused to apply style from 'http://localhost:3000/cafe.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

 

에러 해결

처음에는 경로가 틀린 줄 알고 상대 경로 절대 경로 모두 사용해보고 이름이 틀린 줄 알고 이짓 저짓 다 해봤다. 결론은 정적 파일 서비스를 위한 디렉토리를 설정하고 사용하겠다는 선언을 하였어야한다.

 

정적 파일이란 클라이언트에게 변하지 않는 파일로, 일반적으로 CSS, JavaScript, 이미지 파일 등을말한다.

 

__dirname은 Node.js에서 전역 변수로 사용 가능한 변수이며, 현재 모듈의 디렉토리 경로를 나타낸다. express.static() 미들웨어가 참조할 디렉토리를 __dirname + '/public'로 설정하면 현재 모듈의 디렉토리 경로에 public 디렉토리가 포함된 경로가 설정되어 정적 파일들이 제공된다.

 

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

위 코드를 삽입하였다.