webpack解析模块“blueimp-load-image”失败答案

【问题标题】：webpack resolve module `blueimp-load-image` failedwebpack解析模块“blueimp-load-image”失败
【发布时间】：2016-05-13 16:30:00
【问题描述】：

我正在尝试从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'，但正如您所见，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

【问题讨论】：

标签： javascript jquery file-upload webpack blueimp

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

import * as loadImage from 'blueimp-load-image'

【讨论】：