您所看到的只是一个违反 ESlint 规则的内容，它表明您不能在未先定义变量的情况下使用它。例如，以下将导致错误：

a = 5

虽然这行得通：

var a = 5;

问题是你不能定义你正在使用的变量，jQuery因为它们已经被全局定义了。不过 ESLint 并不知道这一点，只是认为jQuery就像您忘记定义的任何其他变量一样。

您有多种选择，一种是完全禁用此 ESLint 规则。为此，您只需在文件顶部添加以下内容：

/* eslint no-undef: "off"*/

请注意，no-undef错误消息中包含了规则名称。

更好的选择是保持规则启用，但让 ESLint 知道变量像jQuery和padding是由外部包提供的全局变量。为此，您只需将以下内容添加到文件顶部：

/* global jQuery, padding */

请记住，es-lint“编译”错误本身并不是真正的编译错误，您发布的代码是有效的代码，否则会在浏览器中按原样工作。有时 ESLint 规则可能比一般开发人员希望的更严格。在这种情况下，您可以使用这些相同的方法来禁用某些规则。但始终尝试理解规则的含义，并考虑如何在不完全禁用规则的情况下修复代码。

错误来自您的eslint参数。当amd环境开启时，eslint为define和require注册全局。

在你的.eslintrc.json集合中：

"env": {
    "amd": true
},

如果你使用 webpack，你可能在 webpack 配置中缺少配置部分。

我通常将以下内容添加到我的 webpack 配置中：

module.exports = {
  plugins: [
    new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery',
      'window.jQuery': 'jquery',
    }),
  ],
}