title: CSS and JS won't load even when in same directory as index.php
body: <p>I feel like I must be missing something very obvious, because I've never had this happen before!</p>
  
  <p>I'm running a local PHP server running the following command:</p>
  
  <pre><code>php -S localhost:8888 index.php
  </code></pre>
  
  <p>When I go to the URL, the HTML and all the php code run just fine.</p>
  
  <p>However, whenever I add a script tag to add JS in the header, I recieve the following error:</p>
  
  <blockquote>
    <p>Uncaught SyntaxError: Unexcepted token &lt;</p>
  </blockquote>
  
  <p>And when I attempt to add a CSS file I get this error:</p>
  
  <blockquote>
    <p>Resource interpreted as Stylesheet but transferred with MIME type text/html: "<a href="http://localhost:8888/assets/style.css" rel="nofollow noreferrer">http://localhost:8888/assets/style.css</a>".</p>
  </blockquote>
  
  <p>No matter whether I try and include the header by using PHP <code>include</code>:</p>
  
  <pre><code>&lt;?php include("../includes/layouts/header.php"); ?&gt;
  </code></pre>
  
  <p>Or directly adding a header and these imports in <code>index.php</code>, I always receive these errors. </p>
  
  <p>My hunch was it was an issue with the directory tree. But I've even placed the CSS and JS files in the same directory as <code>index.php</code> and have added the header code to <code>index.php</code>, yet I still get these errors.</p>
  
  <p><strong>Header code</strong></p>
  
  <pre><code>&lt;!DOCTYPE html Public "HTML TEMPLATE"&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;title&gt;Title&lt;/title&gt;
      &lt;link rel="stylesheet" href="style.css" media="all" title="no title" type="text/css" charset="utf-8"&gt;
      &lt;script src="script.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="header"&gt;
      &lt;h1&gt;Header&lt;/h1&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>script.js:</strong></p>
  
  <pre><code>$( document ).ready(function() {
      console.log( "ready!" );
  });
  </code></pre>
  
  <p><strong>Console log of errors:</strong> </p>
  
  <p><a href="https://i.stack.imgur.com/iA7bF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/iA7bF.png" alt="console errors"></a></p>
  
  <p>Adding an image of my current project structure:</p>
  
  <p><a href="https://i.stack.imgur.com/KYBGm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KYBGm.png" alt="enter image description here"></a></p>