Javascript $未在外部JS文件中定义，但jquery已正确加载到网络中

一年前，我用jQuery编写了几个项目，这些项目运行得很好，但我一直在查看我的投资组合，现在它们都崩溃了。在ide中，我看到的消息是

$ is not defined, please fix or add /*global $*/

我使用chrome调试器网络知道jquery.min.js正在正确加载，它首先加载到html文件中。谁能告诉我是什么改变了这美元不再被认出来了

外部JS文件（仅在$上使用JQuery和eslint的函数示例）

函数更新显示（项）{
$（'.panel body'）.html（'
'+item+'
'）；
}
$（“按钮”）。单击（函数（）{
$（this.removeClass（'按钮[焦点]）；
getId（）；
});

尝试将“$”替换为“jQuery”

函数更新显示（项）{
jQuery（'.panel body'）.html（'
'+item+'
'）；
}
jQuery（“按钮”）。单击（函数（）{
jQuery（this.removeClass（'button[focus]'）；
getId（）；
});

作为结束此问题的更新。虽然我不能说为什么ESLint会创建$未定义的警告。这不是破坏项目的原因。由于我的问题假设“$”是问题所在，因此我将结束此讨论。但是其他想要了解更多信息的人可能会问这个stackoverflow问题，这个问题有很多信息

您在哪里/如何加载jQuery？消息的来源是什么？eslint还是jshint？如果您没有看到chrome控制台中出现任何错误，那么我怀疑您的linter是错误的：）@j08691我在bower安装了jquery。路径是正确的，因为chrome network显示它检索到了该文件。@niceman我相信它是eslint，因为我使用的是c9.io。对不起，我刚才打错电话了。我查了一下，因为我认为它是jshint，但事实并非如此。控制台不会抛出任何错误。但是这些项目依赖jquery进行dom操作，并且在过去工作过，但是现在我回来查看它们，它们已经损坏了，这是我在查看文件时看到的唯一警告。

function updateDisplay(item){
  $('.panel-body').html('<p class="pull-right">' + item + '</p>');
}

$( "button" ).click(function() {
     $( this ).removeClass('button[focus]');
  getId();
});

function updateDisplay(item){
  jQuery('.panel-body').html('<p class="pull-right">' + item + '</p>');
}

jQuery( "button" ).click(function() {
    jQuery( this ).removeClass('button[focus]');
 getId();
});