Question

我试图在我的Angular App中包含flexslider并在我包含flexslider css文件后收到以下错误

Resource interpreted as Stylesheet but transferred with MIME type text/html: "http://localhost:8080/controlpanel/users/css/style.css".

我检查了我的档案位置是否正确但是是否正确

Answer 1

您的网络服务器未使用HTTP标头中的正确Content-Type来提供资源。您的Web服务器应该按文件扩展名设置MIME类型，但这取决于您使用的服务器。

Answer 2

我遇到了同样的问题。好吧，我只是试图使用servlet加载欢迎jsp页面，其中包含头文件中的.css文件。

<head>
   <link rel="stylesheet" type="text/css" href="css/base.css">
</head>

我得到了相同的错误“资源解释为样式表，但使用MIME类型text / html传输：”http://localhost:8080/webapp/css/style.css“

当我在chrome中使用开发人员工具时，在“网络”标签下，在点击我的webapp的登陆网址“http://localhost:8080/webapp/”时进行了两次调用

我在web.xml

中将我的默认servlet url从“/”更改为“/ index”

<servlet-mapping>
    <servlet-name>NextServlet</servlet-name>
    <url-pattern>/index</url-pattern>
</servlet-mapping>

然后将“./”添加到href，

 <head>
   <link rel="stylesheet" type="text/css" href="./css/base.css">
</head>

有效。