0

我正在加载几个外部 JS 文件并在 CodeKit/LSLint(和 JSHint)中不断出现错误——即使在浏览器中查看时这两个脚本似乎都按预期工作

我所有的 JS 文件都加载到</body>页面底部的结束标记下方,如下所示:

<script src="js/vendor/modernizr-3.11.2.min.js"></script>
<script src="js/vendor/rellax.min.js"></script>
<script src="js/vendor/aos.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>

我加载外部脚本的main.js文件当前如下所示:

/* RELLAX */
var rellax = new Rellax('.rellax');
/* AOS */
AOS.init();

但返回以下错误:

CodeKit / JSLint 错误信息

任何想法我如何解决这个问题?我假设调用main.js是在同一个地方寻找引用,但显然它们在外部文件中。通常我会在一切正常时打开提示,但如果可能的话我想解决......我想以前我可能通过包装一个函数来解决这个问题,但这次没有用(因为我不使用jQuery?)

4

1 回答 1

1

您可以指定这些是全局变量,以便 ESLint 不会警告它们未定义。最简单的方法是将以下注释添加到main.js文件顶部。

/* global Rellax:readonly, AOS:readonly */

或者,您可以.eslintrc像这样在文件中指定全局变量:

{
  "globals": {
    "Rellax": "readonly",
    "AOS": "readonly"
  }
}

查看ESLint 文档了解更多详细信息。

于 2021-01-03T14:24:15.597 回答