title: Refused to apply style from 'http://localhost:3000/style.css' because its MIME type ('text/html')
body: <p>I have this error when I run my client server JS application</p>
  <p>CONSOLE ERROR IN DevTools:</p>
  <pre><code>Refused to apply style from 'http://localhost:3000/style.css' because its MIME type 
  ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
  </code></pre>
  <p>CLIENT CODE:</p>
  <pre><code>const postData = async ( url = '', data = {})=&gt;{
  console.log(data);
  const response = await fetch(url, {
    method: 'POST', 
    credentials: 'same-origin',
    headers: {
        'Content-Type': 'application/json',
    },
   // Body data type must match &quot;Content-Type&quot; header        
    body: JSON.stringify(data), 
  });
  
    try {
      const newData = await response.json();
      console.log(newData);
      return newData;
    }catch(error) {
    console.log(&quot;error&quot;, error);
    }
   }
  
  postData('/addMovie', {answer:42});
  </code></pre>
  <p>SERVER CODE:</p>
  <pre><code>const express = require('express')
  const bodyParser = require('body-parser');
  const app = express()
  
  app.use(bodyParser.urlencoded({extended : false}));
  app.use(bodyParser.json());
  
  const cors = require('cors');
  app.use(cors());
  app.use(express.static('website'))
  
  const port = 3000
  app.listen(port, getServerPortInfo)
  function getServerPortInfo() {
      console.log(&quot;Server listening at port &quot; + port)
  }
  
  const data = []
  app.post('/addMovie', addMovie)
  
  function addMovie (req, res){
      console.log(req.body)
      console.log(&quot;here&quot;)
      data.push(req.body)
      console.log(data)
      res.send(data)
  
   }
  </code></pre>
  <p>HTML FILE:</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset=&quot;UTF-8&quot;&gt;
      &lt;title&gt;Weather Journal&lt;/title&gt;
      &lt;link href=&quot;https://fonts.googleapis.com/css?family=Oswald:400,600,700|Ranga:400,700&amp;display=swap&quot; rel=&quot;stylesheet&quot;&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;style.css&quot;&gt;
  &lt;/head&gt;
  &lt;body&gt;    
      &lt;div&gt;
          &lt;button id=&quot;generate&quot; type = &quot;submit&quot;&gt; Generate &lt;/button&gt;
      &lt;/div&gt;
      &lt;script src=&quot;app.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>Could you please provide some links, advice, or pointers that would help direct me towards a solution?</p>
  <p>The strange thing is that I do not have a css file.</p>
  <p>Please note that I have already gone through this post and it has not helped my case:
  <a href="https://stackoverflow.com/questions/54968695/the-console-of-chrome-error-refused-to-apply-style-because-its-mime-type-tex">The console of Chrome error : Refused to apply style because its MIME type (&#39;text/html&#39;)</a></p>