尝试将添加 .css 链接到 .ejs 文件时出现错误答案

【问题标题】：Error comes when try to link add .css to .ejs file尝试将添加 .css 链接到 .ejs 文件时出现错误
【发布时间】：2018-04-01 07:45:38
【问题描述】：

我正在使用 ejs 处理 node.js(express)，但我无法在其中包含 .css 文件它浏览器显示以下错误。

localhost/:1 Refused to apply style from 
'http://localhost:3000/posts/app.css' because its MIME type 
('text/html') is not a supported stylesheet MIME type, and strict MIME 
checking is enabled.

我的 app.js 是这样的：

var express = require('express');
var app = express();
app.use(express.static("public"));

app.get("/",function(req,res){
res.render("home.ejs");
});

app.get("/posts",function(req,res){
    var posts = [
         {title : "Post 1",author : "Malinda"},
         {title : "Hello Sri Lankda",author : "Supun"},
         {title : "Hello World",author : "Gokula"}
    ]
    res.render("posts.ejs",{posts : posts});
});

app.listen(3000,function(){
    console.log("Server Started");
});

和posts.ejs 文件

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


<h1>The Post Page</h1>

<p>Using For Loop</p>
<% for(var i =0; i < posts.length; i++){ %>
    <li>
        <%= posts[i].title%> - <strong><%= posts[i].author%></strong>
    </li>
<% } %>
<br><br>
<p>Using For Each Loop</p>
<% posts.forEach(function(post){ %>
  <li>
       <%= post.title%> - <strong><%= post.author%></strong>
  </li>
<% }) %>

和css文件

body{
  background : yellow;
  color : red;
}

请任何人帮我找出问题所在

【问题讨论】：

标签： css node.js express ejs

【解决方案1】：

检查这个Node/Express - Refused to apply style because its MIME type ('text/html') 似乎是同样的问题。尝试删除

之后的多余空格

app.css

可能你的文本编辑器没有检测到它。

【讨论】：

【解决方案2】：

在 post.ejs 的链接标签中使用 href="/app.css"。你必须在那里使用“/”

【讨论】：

【解决方案3】：

资源 app.css 是静态的，因此需要在服务器设置中指定。

在 app.listen 之前写这个 - app.use('/css', express.static('css'));

这里 CSS 是您根目录下的一个文件夹，现在您可以获取该文件夹中的所有 CSS 文件。

【讨论】：