title: I can't load my own CSS file when using Boostrap "MIME type ('text/html') is not a supported stylesheet MIME type"
body: <p>I'm building a personal website, and I got an error in chrome that reads:</p>
  <p>&quot;Refused to apply style from 'http://localhost:3000/styles.css' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.&quot;</p>
  <p>But everything seems to be linked just fine. I'm using Express, EJS, and Bootrap. I have this line in my Express:</p>
  <pre><code>app.use(express.static(__dirname + &quot;/public/&quot;));
  </code></pre>
  <p>And I linked my style sheelt like normal:</p>
  <pre><code>link rel=&quot;stylesheet&quot; href=&quot;styles.css&quot; type=&quot;text/css&quot;
  </code></pre>
  <p>I don't know what could be causing this issue. I don't have anything inside of the actual css file, and it is in the main directory with everything else.</p>
  <p><img src="https://i.stack.imgur.com/Wdtje.png" alt="my error" /></p>