Refused to apply style MIME type 에러 이슈

March 13, 2019

express와 nodejs로 개발 중, html로 import한 css, js등의 asset들에 다음과 같은 에러가 발생하였습니다. Refused to apply style from because its MIME type ('text/html') is not a supported stylesheet MIME type

해당 에러의 경우 express 내에서 static 설정을 추가적으로 해주어야 정상적으로 css 및 asset들에 대한 import가 가능합니다.

express에서 static 설정을 위한 설정은 간단합니다.

var express = require('express');

var app = express();

app.use(express.static('{설정해주고자 하는 static directory 경로}'));

만약, 경로를 지정한 static 서버를 설정하고자 한다면, 다음과 같이 설정하시면 됩니다.

app.use('{설정하고자 하는 web상의 경로}', express.static('{설정하고자 하는 실제 static 경로}'));

관련된 static 설정이 완료되면, 에러 없이 정상적으로 출력됩니다.

...