Module build failed (from ./node_modules/image-webpack-loader/index.js)

最新推荐文章于 2025-09-04 14:48:14 发布

原创最新推荐文章于 2025-09-04 14:48:14 发布 · 8.1k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #webpack

vue2.x 专栏收录该内容

33 篇文章

订阅专栏

本文介绍了一个关于image-webpack-loader在Linux和Windows环境下构建时出现的错误，并提供了详细的解决方案，包括错误原因分析及如何通过卸载并重新安装来修复。

一、问题描述

linux和windows npm run build报如下错误

error  in ./src/assets/images/404_images/404.png

Module build failed (from ./node_modules/image-webpack-loader/index.js):
Error: Cannot find module 'gifsicle'
Require stack:
- /UI/node_modules/imagemin-gifsicle/index.js
- /UI/node_modules/image-webpack-loader/index.js

这是由于image-webpack-loader没有完全拉取下来：
image-webpack-loaderr依赖的图片处理库都需要拉取bin文件

    "requires": {
        "imagemin": "^7.0.0",
        "imagemin-gifsicle": "^6.0.1",
        "imagemin-mozjpeg": "^8.0.0",
        "imagemin-optipng": "^7.0.0",
        "imagemin-pngquant": "^8.0.0",
        "imagemin-svgo": "^7.0.0",
        "imagemin-webp": "^5.1.0",
        "loader-utils": "^1.2.3",
        "object-assign": "^4.1.1"
    }

二.解决方法

先卸载

npm uninstall image-webpack-loader

然后使用

cnpm install image-webpack-loader --save-dev

就可以了