拒绝应用来自 {filename} 的样式，因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型答案

【问题标题】：Refused to apply style from {filename} because its MIME type ('text/html') is not a supported stylesheet MIME type拒绝应用来自 {filename} 的样式，因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型
【发布时间】：2019-03-11 22:41:38
【问题描述】：

我有一个 index.ejs 文件，我将它与 Express 一起用于 localhost Web 服务器，我收到 2 种类型的 4 个错误： Errors 这是我的代码：

<html>
<head>
    <title>Home</title>
    <!-- <link rel="stylesheet" type="text/css" href="styles/main.css"> -->
    <link rel="stylesheet" type="text/css" href="styles/mobile.css">
    <link rel="icon" href="public/styles/images/icon.png">
</head>
<style type="text/css">
@import url("styles/main.css");
</style>
<body>
    <nav>

    </nav>
    <main>

    </main>
    <footer>

    </footer>
    <script type="text/javascript" src="scripts/javascript/main.js"></script>
    <script type="text/javascript" src="scripts/javascript/mobile.js"></script>
</body>

我尝试在 index.ejs 文件所在的同一目录中制作测试 CSS 和 JavaScript 文件，但我也遇到了错误。当我将文件类型更改为 index.html 时，没有有趣的错误。如果有人能告诉我为什么会这样，那将有很大帮助。谢谢！

【问题讨论】：

expressjs Static Files not being served的可能重复
能否请您发布您的服务器代码？

标签： javascript html css express ejs

【解决方案1】：

我从未见过@import url("styles/main.css"); 方法，所以我不能说它不起作用。

通常，当您的 css/js 路径中有错误，或者您没有正确配置 app.js 上的 public 文件夹时，您会收到该错误。

确保您有app.use(express.static('public'));，并且您有一个名为public 的文件夹，其中包含以下文件夹：css、js、images。将你所有的 js/css/images 放在这些文件夹中。

然后在您的 index.ejs 上更改以下内容：

//to reference a css file:
<link rel="stylesheet" src="/css/yourFile.css">

//to reference a js file:
<script href="/js/yourFile.js"></script>

//to reference an image:
<link rel="icon" src="/images/yourImage.png">

【讨论】：

谢谢！我正在使用 express.static(“public”);而不是 app.use(express.static(“public”));