服务器上传后Javascript不起作用

Question

正如标题所说，我刚刚建立了一个网站。在我的本地服务器上进行了测试，一切正常，没有任何错误。

但是，在将我的文件上传到 dreamhost 服务器后，网站会加载，但我的动画和交互性无法正常工作。我联系了客户服务，并被告知在我的 error.log 文件中它说找不到我所有 GSAP.js 文件所在的文件夹。但是看我的面板，所有文件都上传成功了。

为了确保不只是 Dreamhost 服务器，我决定尝试将站点上传到 github 服务器，但仍然是同样的事情。该站点和所有文件已成功上传，但 javascript 文件未运行或未定位。我不确切知道。并且在google开发者工具中查看控制台和网络后，没有任何错误，说明所有文件都上传成功，没有错误。

什么可能导致此问题？我迷路了。

这是引用所有 GSAP.js 和我的 index.js 文件的代码

<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>

这是我的文件夹结构

• about.html
• case-studies.html
• contact.html
• contact.php
• css 文件夹
• experiments.html
• 图片文件夹
• index.html
• PHPMailer 文件夹
• 资源文件夹
• 供应商文件夹

vendor 文件夹包含您已经知道的所有 js 文件。

Answer 1

你所有的文件都正确加载了..这里的问题

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;
   }
}

您已经substring url 来查找页面.. 但实际上，如果 url 在 url 中没有任何页面，您没有设置任何内容

这意味着如果您访问http://www.seimodei.com/index.html，您的网站将按预期运行

所以你需要在切换之前检查filename ..你可以使用

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

或者重定向到index.html 我不推荐这个

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 ;
};