webpack 解析模块 'blueimp-load-image' 失败

webpack resolve module `blueimp-load-image` failed

本文关键字：blueimp-load-image 失败 webpack 模块      更新时间：2023-09-26

我正在尝试从browserify移动到webpack，除了一个错误外，一切都很好：

[monson@Monson-MBP app]$ webpack -d
Hash: 4241a4e3680f13136bd3
Version: webpack 2.0.6-beta
Time: 4677ms
  Asset    Size  Chunks             Chunk Names
main.js  4.9 MB       0  [emitted]  main
 [371] multi main 28 bytes {0} [built]
    + 371 hidden modules
ERROR in ./~/blueimp-load-image/js/load-image-meta.js
Module not found: Error: Can't resolve 'load-image' in '/Users/monson/project/elepro/app/node_modules/blueimp-load-image/js'
 @ ./~/blueimp-load-image/js/load-image-meta.js 22:8-39
[monson@Monson-MBP app]$ ll /Users/monson/project/elepro/app/node_modules/blueimp-load-image/js
total 112K
-rw-r--r-- 1 monson staff 4.6K 12 27 22:20 demo.js
-rw-r--r-- 1 monson staff  15K 12 28 00:35 load-image-exif-map.js
-rw-r--r-- 1 monson staff  11K 12 28 00:34 load-image-exif.js
-rw-r--r-- 1 monson staff 5.9K 12 28 00:37 load-image-ios.js
-rw-r--r-- 1 monson staff 6.4K 12 28 00:33 load-image-meta.js
-rw-r--r-- 1 monson staff 5.4K 12 28 00:37 load-image-orientation.js
-rw-r--r-- 1 monson staff  17K 12 28 07:13 load-image.all.min.js
-rw-r--r-- 1 monson staff  20K 12 28 07:13 load-image.all.min.js.map
-rw-r--r-- 1 monson staff  11K 12 28 00:29 load-image.js
drwxr-xr-x 4 monson staff  136  2  4 12:29 vendor

webpack无法解析"加载图像"，但如您所见，load-image.js确实在目录内。

模块在我的代码中导入 

import loadImage from 'blueimp-load-image/js/load-image'
import 'blueimp-load-image/js/load-image-meta'

检查下面的load-image-meta.js:18-29，它define(['load-image']无法解决。

(function (factory) {
    'use strict';
    if (typeof define === 'function' && define.amd) {
        // Register as an anonymous AMD module:
        define(['load-image'], factory);
    } else if (typeof module === 'object' && module.exports) {
        factory(require('./load-image'));
    } else {
        // Browser globals:
        factory(window.loadImage);
    }
}(function (loadImage) {

在我的webpack.config.js中，resolve.extensions设置正确，resolve.amd没有修改。实际上，它是唯一一个无法解决的模块，其他模块都很好。

谁能给我指出一个方向？谢谢。

附加信息：故障包https://github.com/blueimp/JavaScript-Load-Image

设置resolve.root以'/Users/monson/project/elepro/app/node_modules/blueimp-load-image/js'修复它...

您应该导入整个模块才能访问其所有功能：

导入 * 作为加载图像从 'blueimp-load-image'

相关文章：