未找到 Webpack 模块：错误：无法解析“jquery”答案

【问题标题】：Webpack Module not found: Error: Can't resolve 'jquery'未找到 Webpack 模块：错误：无法解析“jquery”
【发布时间】：2021-11-19 02:04:45
【问题描述】：

当我运行“webpack”命令时，我得到了这个错误：

./js/main.js 中的错误未找到模块：错误：无法解析 '...\js' @ ./js/main.js 中的 'jquery' 3:0-16 4:0-23

在 package.json 我有：

"devDependencies": {
   "handlebars": "^4.0.6",
   "handlebars-loader": "^1.4.0",
   "jquery": "^3.2.1",
   "path": "^0.12.7"
},

在 webpack.config.js 中：

var path = require("path");

module.exports = {
  entry: "./js/main.js",
  output: {
    path: __dirname + "/js",
    filename: "scripts-bundled.js"
  },
  resolve: {
    modules: [
      path.join(__dirname, "js/helpers")
    ]
  },
  module: {
    loaders: [
      {test: /\.hbs$/, loader: "handlebars-loader"}
    ]
  }
};

在文件顶部的 main.js 中，我有：

import $ from 'jquery';

我还在 main.js 中使用把手。难道是车把或车把加载器干扰了jquery？我之前在另一个没有使用把手的项目中使用过 webpack 和 jquery 没有这个问题，但可能与它无关。

【问题讨论】：

据我所知，你应该使用 JQLITE 来将 jquery 与 webpack 一起使用

标签： jquery webpack handlebars.js

【解决方案1】：

使用以下命令解决错误。
npm install --save jquery

【讨论】：

如果您使用 npm >5.0.0，则不需要 --save 标志。

【解决方案2】：

在我的例子中，它是关于导入 jquery 而不是 jQuery，它是一个 webpack 配置：

externals: {
    // require("jquery") is external and available
    //  on the global var jQuery
    "jquery": "jQuery"
}

看看这个： webpack Can't resolve 'jquery'

【讨论】：

【解决方案3】：

车把与它无关。问题是您将resolve.modules 更改为[path.join(__dirname, "js/helpers")]。所以 webpack 只会在 js/helpers 中查找任何模块，但 jquery 和 npm 的其他依赖项在 node_modules 中。 resolve.modules 的默认值为["node_modules"]。您还需要添加node_modules 以保持常规模块分辨率。

resolve: {
  modules: [
    path.join(__dirname, "js/helpers"),
    "node_modules"
  ]
},

【讨论】：

【解决方案4】：

如果您在使用带有 Bootstrap 的 React 时遇到此错误，可能是因为您使用的是较低版本的 Bootstrap。我通过将版本升级到 Bootstrap 版本 5 解决了这个问题。

【讨论】：

【解决方案5】：

如果使用 mac OSX、npm 5.0.0 或更高版本，请在项目文件夹终端上尝试以下命令：npm install jquery jquery-ui。

【讨论】：