javascript - Express:从 Jade 文件中找不到 $

Question

我正在使用 Express 框架和 Jade 创建一个 Web 应用程序。

在我的一个 Javascript 文件中，找不到 $。但我在 Jade 文件中使用了脚本标签来包含 jQuery。 jQuery 也安装在我的 node_modules 文件夹中。

这是我的 Jade 文件:

extends layout

block content
    script(src='/javascripts/vendor/jquery.min.js')
    script(src='/javascripts/vendor/jquery.validate.min.js')
    script(src='/javascripts/validate.js')
    .....

这是我的 JavaScript 文件 (validate.js):

$(document).ready( function() {

    $('#signupForm').validate({
    ....
    });

});

我从 JSHint 收到以下错误:

 public/javascripts/validate.js
  1 |$(document).ready( function() {
     ^ '$' is not defined.
  3 |    $('#signupForm').validate({
         ^ '$' is not defined.

Answer 1

您应该通过配置来定义全局变量，否则 jshint 会尝试将 $ 视为局部变量。

并且您没有 $ 局部变量。

您可以在文件中写注释

/*global $:false */

或创建一个 .jshintrc 以避免此问题。

"globals": {
    "$": false,
    "jQuery": false
}