拒绝应用样式表，因为不支持mime类型

Question

我正在尝试将自定义样式表加载到HandleBars应用程序中。我收到错误，拒绝从'http://localhost:8080/webScraper/public/assets/css/style.css应用样式，因为它的MIME类型（'text / html'）不是受支持的样式表MIME类型，并且启用了严格的MIME检查'。我最初以为是中间件，没有捕获正确的文件路径，但我仍然继续遇到此错误。我完全迷路了。

我尝试更改路径并添加基本href标签以指定基本url，并尝试设置中间件来获取所有服务器文件的基本路径，但仍然不正确。

File Structure

-Main Folder
 -public
  -assets
    -css
     -style.css
 -views
  -layouts
   -main.hdblrs
  -home.hdblrs

 -server.js

Main.hdblrs

<base href="/">
    <link rel="stylesheet" type="text/css" href="webScraper/public/assets/css/style.css">

Middleware

app.use(express.static(path.join(__dirname + 'public')));
app.engine('handlebars', expresshbs({defaultLayout:"main"}));
app.set('view engine', 'handlebars');

CSS 

body{
    background: red;
}