Question

我的webpack配置指定要构建到vendors.js的许多节点模块。所有模块都随npm一起安装，并驻留在父文件夹node_modules中。

文件夹结构：

app/scripts/a.js
node_modules/bootstrap-multiselect
webpack.config.js

来自webpack.config.js的

小部件：

entry: {
  vendors: ['jquery', 'bootstrap', 'bootstrap-multiselect']
}

这适用于'jquery'和'bootstrap'，但不适用于'bootstrap-multiselect'：

ERROR in multi vendors
Module not found: Error: Cannot resolve module 'bootstrap-multiselect' 
in /home/user/app

似乎webpack正在查找错误的node_modules文件夹。它看起来似乎是应用程序文件夹的根目录，但那为什么它仍然会找到其他模块？所以我添加了resolve和resolveLoader的所有变体，

resolveLoader: {root: path.join(__dirname, 'node_modules')};
resolve: {root: [path.join __dirname, 'node_modules']};

仍然没有运气......

Answer 1

不确定原因，但package.json下载的npm似乎没有正确配置。 main条目指向不存在的文件。这就是你可能收到错误的原因。

的package.json

"main": "dist/bootstrap-multiselect.js"

bootstrap-multiselect.js文件不在dist下，而在dist/js下。作为一种解决方法，您可以：

使用vendors字段和require中的完整路径：

vendors : ['jquery', 'bootstrap', 'bootstrap-multiselect/dist/js/bootstrap-multiselect']

require('bootstrap-multiselect/dist/js/bootstrap-multiselect';

或者，将软件包替换为webpack.config.js中的“真实”文件：

resolve: {
  alias: {
    'bootstrap-multiselect': 'bootstrap-multiselect/dist/js/bootstrap-multiselect'
  }
}

但是，迟早它应该被修复，因为我检查了github项目，package.json文件看起来是正确的。

webpack找不到节点模块（'bootstrap-multiselect'）

1 个答案:

的package.json