Javascript-Google Chrome不会更新.js文件

我有一个淡入效果的网站，我加载到Wordpress。我使用jQuery来实现这个效果，起初这些效果不起作用，但我修改了一些代码，现在它在Firefox和Safari上运行良好，但在Chrome上不起作用。我发现Chrome一直想上传我修改过的代码，所以错误仍然存在

这是正确的代码-

fadein.js

这是旧代码-

$.noConflict();

jQuery(document).ready(function($) {
  var win = $(window),
    doc = $(document),
    tags = $("section");

  win.on("scroll", function() {
      tags.each(function(i, tag) {
        if ($(tag).position().top < (doc.scrollTop() + win.outerHeight())) {
          $(tag).addClass("visible");
        } else {
          $(tag).removeClass("visible");
        }
      });
    }
  });
});

在控制台上不断给我这个错误-

但它仍在加载旧代码-

---

我已经仔细检查了firefox和safari中的代码，他们正在加载新代码——效果很好。使用Chrome，页面实际上是空白的，因为页面部分以不透明度开始处理：0；直到卷轴显示它们。如果您在这方面有任何帮助，我们将不胜感激。

在DevTools打开时禁用缓存可能会有所帮助。您可以在这里找到它：

---

看起来它可能正在使用缓存版本。在页面上尝试Shift+Ctrl/Cmd+R，看看它是否加载了非缓存版本。可能重复@Shiladitya Hi，这不是重复的问题。它是同一个站点，但问题不同——js文件不会更新。

$.noConflict();

jQuery(document).ready(function($) {
  var win = $(window),
    doc = $(document),
    tags = $("section");

  win.on("scroll", function() {
      tags.each(function(i, tag) {
        if ($(tag).position().top < (doc.scrollTop() + win.outerHeight())) {
          $(tag).addClass("visible");
        } else {
          $(tag).removeClass("visible");
        }
      });
    }
  });
});