时间戳

首页 > 解决方案 > 拒绝应用来自 'xxx/style.css' 的样式，因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型

javascript - 拒绝应用来自 'xxx/style.css' 的样式，因为它的 MIME 类型 ('text/html') 不是受支持的样式表 MIME 类型

问题描述

我是Google App Engine的新手，我正在尝试将我一直在本地运行的项目托管在那里。

我的index.html文件出现了，但它没有应用 CSS。我不完全确定MIME类型是什么，我也不完全确定它试图从我的代码中的哪个位置获取它。我只是假设它只会加载我在 HTML 内容中拥有的标签，并像使用 browsersync 时那样应用它。文件index.html通过以下方式加载：

app.get('/', (req, res) => {
  res.sendFile(path.join(__dirname, '/index.html'));
});

CSS 被加载到文件index.html中：

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

标签： javascriptcssnode.jsmime

解决方案

问题可能与以注释开头的CSS 库有关。

在开发中，如果样式表以一些注释开头，它可能被视为与 CSS 不同的东西。

删除库并将其放入供应商文件中，可能会解决问题。

Node.js应用程序的另一种可能性是您应该检查您的配置。

例子：

app.use(express.static(__dirname + ‘/public’));

请注意，/public末尾没有正斜杠，因此您需要将其包含在HTML的href选项中：

例子：

href=”/css/style.css”&gt;

如果您确实包含了正斜杠/public/，那么您可以这样做href=”css/style.css”&gt;.

确保 CSS 名称是style.css，末尾没有第二个“s”。这也可能导致问题。

推荐阅读