title: Website is not loading the script, CSS, or Three.js
body: <p>Let me start out by saying that I have very little experience with HTML, javascript and overall website creation and hosting, so sorry in advance if the information I am providing is lacking.
  I am trying to make a website by using a 3d object from three.js, however, nothing is loading in the 'live server' (when I upload the entire website to Cpanel), however, when I use visual studio code to run it through my local server (through the command npm run dev) the website is showing as intended. I have screenshotted the pages:</p>
  <p><a href="https://i.stack.imgur.com/coBgB.png" rel="nofollow noreferrer">correct page</a></p>
  <p><a href="https://i.stack.imgur.com/u4FqH.png" rel="nofollow noreferrer">incorrect page</a></p>
  <p>When I open the element inspect on the broken page, I get the following error through the console:</p>
  <blockquote>
  <p>Failed to load module script: Expected a JavaScript module script but the server responded with a
  MIME type of &quot;text/css&quot;. Strict MIME type checking is enforced for
  module scripts per HTML spec.</p>
  </blockquote>
  <p>and</p>
  <blockquote>
  <p>Uncaught SyntaxError: Cannot use import statement outside a module</p>
  </blockquote>
  <p>i have the following code in my script.js:</p>
  <pre><code>import './style.css'
  import * as THREE from '../node_modules/three/build/three.module.js'
  import { OrbitControls } from '../node_modules/three/examples/jsm/controls/OrbitControls.js'
  import { GLTFLoader } from '../node_modules/three/examples/jsm/loaders/GLTFLoader.js'
  import { HemisphereLight, Sphere, SRGB8_ALPHA8_ASTC_12x12_Format, sRGBEncoding, Texture, TextureEncoding } from '../node_modules/three/build/three.module.js'
  import gsap from '../node_modules/gsap/all.js'
  
  var gltfLoader = new GLTFLoader()
  let tl = gsap.timeline()
  var diamond = null
  </code></pre>
  <p>I am also using this to call the script in the index.html, however, I am uncertain if this is the correct way of calling the script.</p>
  <pre><code>  &lt;script type=module src=&quot;script.js&quot;&gt;&lt;/script&gt;
  </code></pre>
  <p>How would I be able to fix this? any help would be appreciated!</p>