Webpack 找不到模块 'jquery-form-styler'

Question

在webpack的配置文件中，我将"node_modules"one_answers"src/js/libs"设置为文件夹，webpack应该在其中查找模块jquery-form-styler'是通过npm安装的，位于node_modules中，但根据第一个错误，webpack试图在src/js/modules中找到模块。为什么？

ERROR in ./src/js/modules/forms.js
Module not found: Error: Can't resolve 'jquery-form-styler' in '/Users/ildar.meyker/Sites/html-taxnet/src/js/modules'
@ ./src/js/modules/forms.js 5:0-28
@ ./src/js/modules/app.js
@ ./src/js/main.js

我的webpack.config.js内容：

const path = require('path');
const webpack = require('webpack');
module.exports = {
mode: 'development',
entry: {
main: './src/js/main.js',
metrics: './src/js/metrics.js'
},
output: {
filename: '[name].bundle.js',
path: path.resolve(__dirname, 'public/js')
},
resolve: {
modules: [path.resolve(__dirname, 'src/js/libs'), 'node_modules']
},
plugins: [
new webpack.IgnorePlugin(/^./locale$/, /moment$/),
],
optimization: {
splitChunks: {
chunks: "all",
minSize: 0
}
}
};

我的文件结构：

/node_modules/
/src/
js/
libs/
modules/
app.js
...
forms.js
...
main.js
metrics.js

forms.js的开头为：

import $ from 'jquery';
import 'jquery.maskedinput';
import 'jquery-validation/jquery.validate';
import 'jquery-validation/additional-methods';
import 'jquery-form-styler';
...

其中"jquery"one_answers"jquery form styler"位于"node_modules"中，而其他模块位于"src/js/libs"中。

Answer 1

看起来webpack对"src/js/modules"的引用不是因为它试图在该文件夹中查找模块。发生错误，因为"jquery form styles"中的package.json具有错误的主属性jquery.formstyler.min.js'而不是'/dist/jquery.formstyler.min.js'.