scrollreveal.min.js 错误，仅在网站的索引页面上答案

【问题标题】：scrollreveal.min.js error, only on index page of websitescrollreveal.min.js 错误，仅在网站的索引页面上
【发布时间】：2018-01-12 18:18:55
【问题描述】：

我一直在查看包含此错误的不同论坛，并尝试了我已阅读的不同内容以消除此错误。我曾尝试删除任何重复的库，并更改它们出现的顺序，但似乎没有什么对我有用。我正在使用引导主题

scrollreveal.min.js:1 Uncaught TypeError: Cannot set property 'sequence' of 
undefined
 at e.reveal (scrollreveal.min.js:1)
 at jquery.js:53
 at jquery.js:75

我不知道该怎么做才能摆脱它，任何帮助都会很棒。提前致谢。

下面是我在头部的内容

  <!-- Bootstrap core CSS -->
  <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet">

  <!-- Custom fonts for this template -->
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
  <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800'
rel='stylesheet' type='text/css'>
 <link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic'
rel='stylesheet' type='text/css'>

  <!-- Plugin CSS -->
  <link href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css" rel="stylesheet">

  <!-- Custom styles for this template -->
  <link href="./css/creative.min.css" rel="stylesheet">
  <link href="./css/style.css" rel="stylesheet">
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

这就是我在身体末端所拥有的。

<!-- Bootstrap core JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js">
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/js/bootstrap.min.js"></script>

<!-- Plugin JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/scrollReveal.js/3.3.6/scrollreveal.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>

<!-- Custom scripts for this template -->
<script src="js/creative.min.js"></script>
<script src="js/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

【问题讨论】：

1) 索引页面和其他页面是否相同？有什么不同？ 2) js/jquery.js 是另一个 jQuery 库还是真的是一个奇怪的自定义 JS？
@LouysPatriceBessette 是的。那是一个自定义的js文件
您是否可以在自定义 JS 文件中的错误页面上不存在的元素上实例化 scrollReveal？
@LouysPatriceBessette 不，它在索引页面上。这是我的引导程序 - blackrockdigital.github.io/startbootstrap-creative，目前电话和信封没有出现
the console有错误吗？

标签： javascript jquery

【解决方案1】：

错误不是“不言自明”...

但引发错误的行，jquery.js 的第 75 行 （自定义 JS 文件，而不是库），包含一个不需要的闭包语法：})(jQuery);。

将其替换为 }); 解决了该行的问题。

然后，同样的问题在其他 3 行上触发了......但是在这些行也修复之后，页面按预期工作而没有错误。

这个SO answer已经很好地解释了“关闭”本身。

【讨论】：