CSS 未加载:'MIME type mismatch, text/html'

CSS not being loaded: 'MIME type mismatch, text/html'

正如标题所说,正在加载我链接的 CSS 个文件中的 none 个。奇怪的是,同一网站中另一个页面的 CSS 加载得很好。
我使用 express 作为服务器,使用 ejs 作为模板引擎。

EJS代码:

    <link rel="stylesheet" href="./CSS/header.css">
    <link rel="stylesheet" href="CSS/index.css">
    <link rel="stylesheet" href="CSS/threads.css">
    <link rel="stylesheet" href="CSS/theme.css">

服务器代码(节点):

app.use(express.static(__dirname + '/views')); 
app.set('view engine', 'ejs')
.
.
.
app.get('/thread/:thread', (req, res)=>{
    const thread_starter_html = get_thread_starter()
    const thread_replies_html = get_thread_replies()
    res.render('./thread.ejs', {thread_name: req.params.thread, thread_starter: thread_starter_html, thread_replies: thread_replies_html})
})

文件结构:

-/ Node Modules
|
-/ Views
|      -/CSS
|       |   -|..<css files>
|      -/JS
|       |   -|..<JS files>
|       | 
|      -|..<ejs files> 
|
-|server.js
..
..

这些是我得到的错误:


如果有人能帮我解决这个问题,我将不胜感激。
谢谢。

更新
当我进行以下更改后,问题得到解决:

变化 1:

app.use(express.static(__dirname + '/views')); 
TO
app.use(express.static(__dirname + '/views/')); 

变化2:

 <link rel="stylesheet" href="./CSS/header.css">
  ...
TO 
 <link rel="stylesheet" href="/CSS/header.css">
  ...