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

news2024/10/7 18:22:52

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1618749.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

《ElementPlus 与 ElementUI 差异集合》el-select 差异点,如:高、宽、body插入等

宽度 Element UI 父元素不限制宽度时,默认有个宽度 207px; 父元素有固定宽度时,以父元素宽度为准; Element Plus 父元素不限制宽度时,默认100%; 父元素有固定宽度时,以父元素宽度为准&#x…

百度网盘SVIP超级会员试用1天领取活动地址2024最新

百度网盘SVIP超级会员是百度网盘提供的一种高级会员服务,用户开通后可以享受多项特权和服务。以下是对百度网盘SVIP超级会员的详细介绍: 一、会员特权 百度网盘SVIP超级会员享有众多特权,包括但不限于: 容量套餐:SV…

Linux系统安全:从面临的攻击和风险到安全加固、安全维护策略(文末有福利)

1. Linux面临的攻击与风险 1.1. Linux系统架构 Linux系统架构解读: 用户之间隔离内核态与用户态之间隔离用户进程一般以低权限用户运行系统服务一般以特权服务运行用户态通过系统调用进入内核态内核对系统资源进行管理和分配 1.2. Linux系统常见安全威胁 1.2.1.…

uniapp项目中禁止横屏 ,app不要自动旋转 -,保持竖屏,uniapp取消重力感应

uniapp项目中禁止横屏 ,app不要自动旋转 -,保持竖屏,uniapp取消重力感应 1.适用于移动端,安卓和IOS,当即使手机打开了自动旋转的按钮,设置如下的代码后,页面依旧保持竖屏。 步骤一&#xff1a…

Git和Github绑定

天行健,君子以自强不息;地势坤,君子以厚德载物。 每个人都有惰性,但不断学习是好好生活的根本,共勉! 文章均为学习整理笔记,分享记录为主,如有错误请指正,共同学习进步。…

Linux - sed (stream editor) cp > bak备份 head

替换 my.yaml 的 ‘t’ 为 ‘AAA’ sed s/t/AAA/g my.yaml sed -n /^[as]/p my.yaml 这个命令的 -n 选项表示不自动打印每一行,/^[as]/p 是一个 sed 命令,/^[as]/ 是你想要匹配的正则表达式(所有以 a | s 开头的行&#x…

3D地图大屏 附源码(Three.js + Vue3)

目录 👋 前言 🚀 项目包 ⚒️ 字体制作 🌐 地图制作 💡 参考视频 & 项目 开源项目(Vue3tsWindcssEchartThree.js大屏案例) 开源(教程) UI风格学习( www.shuzixs.com …

C++ :string类模板的使用

目录 前言: 一、string类模板的介绍 二、string类模板的成员函数的使用 string的构造 string的赋值运算符重载 iterator迭代器 capacity Element Access(元素访问) Modifiers修改字符串 1.运算符重载 2.std::string::append …

全领域覆盖!美创入选IDC中国数据安全市场图谱

近日,全球领先的IT市场研究和咨询公司IDC发布首个《IDC Market Glance:中国数据安全市场图谱,2024》报告(以下简称“报告”),该报告遴选出不同细分市场领域的主要技术服务供应商,绘制出市场地图…

第四百七十五回

文章目录 1. 概念介绍2. 功能与用法2.1 主要功能2.2 使用方法 3. 示例代码4. 内容总结 我们在上一章回中介绍了"四个bublue包对比与总结"相关的内容,本章回中将介绍Get包.闲话休提,让我们一起Talk Flutter吧。 1. 概念介绍 我们在本章回中将介…

Open Footprint®论坛数据模型Snapshot发布,与您全‘绿’以赴!

正值第55个“🌍世界地球日”,The Open Group Open Footprint论坛很高兴地正式宣布《Open Footprint数据模型Snapshot》”的可用性。我们的期望是,一旦被广泛采用,数据模型将大大缓解内部以及范围3排放数据共享问题,有效…

linux autogroup

一:概述 对于linux autogroup的作用,很多同学可能是听说过,但,并未验证过。 考虑下面场景,开两个terminal,T1和T2,在T1中运行进程P1,P1开启9个线程编译代码,在T2中运行…

金融数字化能力成熟度指引

1 范围 本文件提出了金融数字化能力成熟度模型、成熟度计算方法,明确了不同维度金融数字化转型能力 相应的分档要求。 本文件适用于金融机构衡量金融科技应用和数字化转型发展水平,检视自身数字化发展优势与短板, 加快数字化转型&#xff0c…

Docker搭建代码托管Gitlab

文章目录 一、简介二、Docker部署三、管理员使用四、用户使用五、用户客户端 一、简介 GitLab是一个基于Git的代码托管和协作平台,类似于GitHub。 它提供了一个完整的工具集,包括代码仓库管理、问题跟踪、CI/CD集成、代码审查等功能。 GitLab的开源版本…

正点原子[第二期]Linux之ARM(MX6U)裸机篇学习笔记-1.1

前言: 本文是来自哔哩哔哩网站上视频“正点原子[第二期]Linux之ARM(MX6U)裸机篇”的学习笔记,在这里会记录下正点原子Linux ARM MX6ULL 开发板根据配套的哔哩哔哩学习视频所作的实验和笔记内容。本文大量的引用了正点原子哔哔哩网…

客户关系智慧:CRM系统五大功能助力企业发展

CRM软件必备功能有“销售自动化、销售流程管理、全渠道沟通平台、BI数据分析以及销售活动管理。” 一家业务流程完善的公司,总是少不了提到CRM。对CRM还尚不可知的企业可能会疑惑了——总是听到别人提到CRM,CRM到底有哪些功能?这些功能又怎么…

【数据结构(邓俊辉)学习笔记】向量03——常规向量

文章目录 0.概述1.元素访问2.置乱器3.判等器与比较器4.无序查找4.1 判等器4.2 顺序查找4.3 实现4.4 复杂度 5. 插入5.1 算法实现5.2 复杂度分析 6. 删除6.1 区间删除6.2 单元删除6.3 复杂度 7. 唯一化7.1 实现7.2 正确性7.3 复杂度 8. 遍历8.1 实现8.2 复杂度 9. 总结 0.概述 …

【YOLOv8改进[Neck]】使用BiFPN助力V8更优秀

目录 一 BiFPN(双向特征金字塔网络) 1 BiFPN 2 EfficientDet 二 使用BiFPN助力模型更优秀 1 整体修改 2 配置文件 3 训练 其他 一 BiFPN(双向特征金字塔网络) BiFPN(双向特征金字塔网络, 2020)用于特征融合层。 官方论文地址:https://arxiv.org…

【前后端】django与vue的结合使用

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言一、前后端分离的简介二、django与vue的结合使用三、总结 前言 随着开发语言及人工智能工具的普及,使得越来越多的人会主动学习使用一些开发工具&a…

DBA真的以后只能去开滴滴了吗

上周某微信群关于DBA的话题讨论的非常火热,当天由于比较忙,因此没有参与太多讨论,现在回想起来,这个话题还是蛮有意思的。 为什么Oracle DBA收入这么低? 老实说,作为一个干了10多年Oracle的人来说&#xff…