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或其他依赖项,从而导致构建失败。要确保插件版本与其他依赖兼容,并且更新到最新版本可以帮助解决由于旧版本插件引起的构建失败问题。

相关推荐
Wannaer几秒前
从 Vue3 回望 Vue2:事件总线的前世今生
前端·javascript·vue.js
光影少年44 分钟前
vue中,created和mounted两个钩子之间调用时差值受什么影响
前端·javascript·vue.js
cdcdhj2 小时前
vue用通过npm的webpack打包编译,这样更适合灵活配置的项目
vue.js·webpack·npm
运维@小兵5 小时前
vue使用路由技术实现登录成功后跳转到首页
前端·javascript·vue.js
能来帮帮蒟蒻吗6 小时前
VUE3 -综合实践(Mock+Axios+ElementPlus)
前端·javascript·vue.js·笔记·学习·ajax·typescript
Java&Develop7 小时前
Vue ElementUI原生upload修改字体大小和区域宽度
vue.js
郭尘帅6668 小时前
vue3基础学习(上) [简单标签] (vscode)
前端·vue.js·学习
st紫月10 小时前
用vue和go实现登录加密
前端·vue.js·golang
岁岁岁平安10 小时前
Vue3学习(组合式API——计算属性computed详解)
前端·javascript·vue.js·学习·computed·计算属性
工业互联网专业12 小时前
基于springboot+vue的医院门诊管理系统
java·vue.js·spring boot·毕业设计·源码·课程设计·医院门诊管理系统