vue项目打包时因为图片问题报错

执行 npm run build命令打包项目时报错,看起来是图片的问题:


package.json里面image-webpack-loader的版本是^7.0.1

解决方案:

1、先卸载 npm uninstall image-webpack-loader

2、用cnpm重新安装 cnpm install image-webpack-loader --save-dev

执行上面两条命令后image-webpack-loader的版本是^8.1.0,然后再执行npm run build就可以打包成功了。

可见:旧版本的插件可能不兼容新版本的webpack或其他依赖项,从而导致构建失败。要确保插件版本与其他依赖兼容,并且更新到最新版本可以帮助解决由于旧版本插件引起的构建失败问题。

相关推荐
别拿曾经看以后~1 小时前
【el-form】记一例好用的el-input输入框回车调接口和el-button按钮防重点击
javascript·vue.js·elementui
Gavin_9151 小时前
【JavaScript】模块化开发
前端·javascript·vue.js
Devil枫7 小时前
Vue 3 单元测试与E2E测试
前端·vue.js·单元测试
GIS程序媛—椰子8 小时前
【Vue 全家桶】6、vue-router 路由(更新中)
前端·vue.js
毕业设计制作和分享9 小时前
ssm《数据库系统原理》课程平台的设计与实现+vue
前端·数据库·vue.js·oracle·mybatis
程序媛小果9 小时前
基于java+SpringBoot+Vue的旅游管理系统设计与实现
java·vue.js·spring boot
从兄10 小时前
vue 使用docx-preview 预览替换文档内的特定变量
javascript·vue.js·ecmascript
凉辰10 小时前
设计模式 策略模式 场景Vue (技术提升)
vue.js·设计模式·策略模式
薛一半12 小时前
PC端查看历史消息,鼠标向上滚动加载数据时页面停留在上次查看的位置
前端·javascript·vue.js
MarcoPage12 小时前
第十九课 Vue组件中的方法
前端·javascript·vue.js