title: Refused to apply style from 'URL' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled
body: <p><strong>Here's my stack</strong></p>
  
  <ul>
  <li>Express</li>
  <li>Ejs</li>
  <li>Sass (installed by 'npm install --save-dev sass' - a dev dependency)</li>
  </ul>
  
  <hr>
  
  <p>I'm getting an error of </p>
  
  <blockquote>
    <p>Refused to apply style from '<a href="http://localhost:3000/css/style.css" rel="nofollow noreferrer">http://localhost:3000/css/style.css</a>' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.</p>
  </blockquote>
  
  <hr>
  
  <p>my head tag is on a separate partials folder:<br><br>
  - views <br>
  - - partials<br>
  - - - header.ejs<br>
  - - index.ejs<br></p>
  
  <p>my CSS is also on another folder<br><br>
  - public<br>
  - - css<br>
  - - - style.css<br>
  - - - style.css.map<br>
  - - - style.scss<br></p>
  
  <hr>
  
  <p>my head tag looks like this:</p>
  
  <pre><code>&lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;title&gt;Learn Web&lt;/title&gt;
  &lt;base href="/"&gt;
  &lt;link rel="stylesheet" href="css/style.css" type="text/css"&gt;
  &lt;/head&gt;
  </code></pre>
  
  <hr>
  
  <p>I render my index like this:</p>
  
  <pre><code>app.get('/', (req, res) =&gt; {
      res.render('index');
  })
  </code></pre>
  
  <hr>
  
  <p>I tried adding <code>&lt;base href="/"&gt;</code><br>
  I tried to omit <code>rel="stylesheet"</code><br>
  I tried to change the <code>type="text/css"</code> to <code>type="text/html"</code> - It got rid of the error but the styles do not apply.</p>
  
  <hr>
  
  <blockquote>
    <p>Thank you in advance!</p>
  </blockquote>