Question

我正在一个网站上工作，并且CSS文件似乎随机停止应用于我正在处理的ejs文件。链接有效（因为我可以按照vs代码中的链接进行操作），但CSS文件不会加载。

我尝试更改路径但无济于事，当我以崇高的方式运行它而不是在vs代码中运行时，CSS文件已应用于ejs文件。文件树如下所示：

1 Project
-- 1.1 public
   -- 1.1.1 demos.css
-- 1.2 views
   -- 1.2.1 demos.ejs

EJS（demos.ejs）

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

CSS（demos.css）

body { 
    background: url(images/About-bg.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-top: 80px;
}

在chrome上的inspect元素的控制台上说：

拒绝应用“ http://localhost:8081/demos/demos.css”中的样式因为它的MIME类型（'text / html'）不是受支持的样式表MIME 类型，并启用严格的MIME检查。

Answer 1

如果其他任何人都遇到这种类型的问题，Idk，但是我通过在公用文件夹中创建一个demos文件夹来解决此问题，因为该ejs文件出于某种原因正在查找。

希望这对某人有帮助！

ejs文件无法应用样式表

1 个答案: