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

最新推荐文章于 2024-04-22 08:00:00 发布

ur home

最新推荐文章于 2024-04-22 08:00:00 发布

阅读量8k

点赞数 9

CC 4.0 BY-SA版权

分类专栏： vue2.x 文章标签： vue.js webpack

本文链接：https://blog.youkuaiyun.com/wz_coming/article/details/112783588

vue2.x 专栏收录该内容

33 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、问题描述

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

就可以了