Vue中npm run build报“Error in parsing SVG: Unquoted attribute value”

本文解决了Vue项目打包时出现的“Unquoted attribute value”错误。通过修改引入的CSS文件中SVG属性值的引用方式(从单引号改为双引号),可以避免此问题。重点关注了mui项目中的iconfont.css和mui.css两个文件。

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

自己做的一个Vue项目,在打包时老是报这个错误

Error in parsing SVG: Unquoted attribute value

查了查网上说的,都说报错原因是压缩和抽离CSS的插件中只允许 SVG 使用双引号
就是项目中外部引入的CSS文件里的SVG只能是双引号
我找了好久,这可把我坑坏了。。。
想想那段时间真是难受。。。
后来我找到了,分享一下,让大家快点脱坑。。。
首先,如果你项目中使用了mui的话应该在这里改
找到mui文件下的iconfont.css文件

mui/css/iconfont.css

在这里插入图片描述

不要以为完了,还有
找到mui文件下的mui.css文件

mui/css/mui.css

在这里插入图片描述

以上两个文件修改了再次build
如果还报SVG的错误,请查看你所有引入的外部CSS文件吧

作者:isboyjc
链接:https://www.jianshu.com/p/59387c38aa20
来源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值