Question

我试图从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无法解析＆＃39;加载图片＆＃39;，但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

Answer 1

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

Answer 2

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

从＆＃39; blueimp-load-image＆＃39;

导入*作为loadImage

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

2 个答案: