服务器上传后Javascript无法正常工作

Question

Like the title says, I just finished building a website. Tested it on my local server where everything works perfectly without any errors.

However, after uploading my files to the dreamhost servers, the site loads but my animations and interactivity are not working. I contacted the customer service and was told that in my error.log file it says the folder where all my GSAP.js files are located cannot be found. But looking at my panel, all files were uploaded successfully.

In order to be sure it was not just the dreamhost servers, I decided to try uploading the site to github servers and still the same thing. The site and all files uploaded successfuly but the javascript files are not running or located. I don't know exactly. And after looking at the console and the network in the google developer tools, there is no single error, it shows all files were uploaded successfully as there is no error.

What may be causing this issue? I'm lost.

Here is the code referencing all GSAP.js and my index.js files

<script src="Resources/js/index.js"></script>
<script src="Vendor/js/TweenMax.min.js"></script>
<script src="Vendor/js/Draggable.min.js"></script>
<script src="Vendor/js/ThrowPropsPlugin.min.js"></script>
<script src="Vendor/js/MorphSVGPlugin.min.js"></script>
<script src="Vendor/js/SplitText.min.js"></script>
<script src="Vendor/js/CSSPlugin.js"></script>
<script src="Vendor/js/ScrollToPlugin.js"></script>

Here is my folder structure

• about.html
• case-studies.html
• contact.html
• contact.php
• css folder
• experiments.html
• images folder
• index.html
• PHPMailer folder
• Resources folder
• Vendor folder

The vendor folder contains all the js files as you can already tell.

Answer 1

All your files loaded correctly .. The problem here

function setupPage() {
  var url = window.location.pathname;
  var filename = url.substring(url.lastIndexOf('/')+1);
  switch(filename) {
    case 'index.html':
      setupIndex();
      break;
    case 'about.html':
      setupAbout();
      break;
    case 'contact.html':
      setupContact();
      break;
    case 'case-studies.html':
      setupCaseStudies();
      break;
    case 'experiments.html':
      setupsetupExperiments();
      break;
   }
}

you already substring the url to find the page .. but actually you didn't set anything if the url doesn't have any page in url

That mean if you go to http://www.seimodei.com/index.html your website will work as expected

so you need to check the filename before switch .. you can use

var forcheck = url.substring(url.lastIndexOf('/')+1);
var filename = (forcheck.indexOf('.html') !== 1) ? 'index.html' : forcheck ;

OR redirect to index.html I don't recommend this

var forcheck = url.substring(url.lastIndexOf('/')+1);
var filename = 'index.html';
if(forcheck.indexOf('.html') !== 1) {
     window.location.href = "http://www.seimodei.com/index.html";
}else{
     filename = forcheck ;
};