jQuery 中的错误未定义 webpack 和 imports-loader答案

【问题标题】：ERROR in jQuery is not defined webpack and imports-loaderjQuery 中的错误未定义 webpack 和 imports-loader
【发布时间】：2018-02-07 10:47:01
【问题描述】：

我在尝试添加 jquery 库时遇到此错误。

{
   test: require("path").resolve("./main/static/src/application.js"),
   loader: 'imports-loader?this=>window,$=jquery!./main/static/src/vendor/jquery-ui/ui/widgets/draggable.js'
}

new webpack.ProvidePlugin({
    $: "jquery",
    jQuery: "jquery",
    'window.jQuery': 'jquery',
    'window.$': 'jquery',
    io: 'socket.io-client',
    _:'underscore',
    moment:"moment",
})

错误：

ERROR in jQuery is not defined

【问题讨论】：

标签： javascript jquery webpack imports-loader

【解决方案1】：

看起来有几种方法可以解决这个问题，我选择了expose-loader：

{
  test: require.resolve('jquery'),
  use: [
   'expose-loader?jQuery',
   'expose-loader?$'
  ]
},

See more details.

【讨论】：

仔细检查你使用的是大写的Q。它应该是“jQuery”，你的sn-ps显示“jquery”