vue 打包后报错 Error in parsing SVG: Unquoted attribute value

项目npm run build 打包后报错

postcss-svgo: Error in parsing SVG: Unquoted attribute value

vue项目引用了mui.css,无法解析svg

报错原因:压缩和抽离CSS的插件中只允许 SVG 使用双引号

解决办法:

mui文件夹下的mui.css文件,找到.mui-spinner与.mui-spinner-white类名下的background-image,将包裹的
单引号改为双引号
用双引号,注意用反斜杠转义双引号

如下

.mui-spinner:after
{

    background-image: url("data:image/svg+xml;charset=utf-8,\"\");
}
.mui-spinner-white:after
{
    background-image: url("data:image/svg+xml;charset=utf-8,\"\");
}

再次执行npm run build,就OK了。(不OK的话,要遍历引入的css文件找SVG了)

build成功后在浏览器打开index.html,
如果发现空白则在目录下的config文件夹里的index.js文件中,改一下路径就可以了

vue 打包后报错 Error in parsing SVG: Unquoted attribute value_第1张图片

你可能感兴趣的:(vue.js)