vue打包报错UnhandledPromiseRejectionWarning: postcss-svgo: Error in parsing SVG的解决方案

最新推荐文章于 2022-04-15 10:02:39 发布
最新推荐文章于 2022-04-15 10:02:39 发布
阅读量3.7k 收藏 2
点赞数
文章标签： javascript python webpack ViewUI
原文链接：https://my.oschina.net/u/3411649/blog/2964078
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

vue项目打包运行时报错如下:

1422fe37b9968de0735b29cdab18cb81bf4.jpg

项目中引用了MUI框架，需要将mui框架的css文件中，需要把mui.css文件中的svg图片单引号改双引号,具体做法:

在项目中查找所有包含'svg'的css文件,而后修改url最外层的单引号为双引号即可;

6d42ff888ed917c2ab22db4b86c951ba3ce.jpg

 

转载于:https://my.oschina.net/u/3411649/blog/2964078

weixin_33971130
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
svg/svgo
的博客
09-27 233
Installation $ [sudo] npm install -g svgo Usage CLI Usage: svgo [OPTIONS] [ARGS] Options: -h, --help : Help -v, --version : Version -i INPUT, --input=INPUT : Input file, “-” for STDIN -s STRING, --string=STRING : Input SVG data string -f FOLDER, --folder=F
vue项目使用mui 遇到的问题
加菲猫的鳄鱼的博客
06-22 499
1：vue项目打包的时候出现postcss-svgo: Error in parsing SVG: Unquoted attribute value Line: 0 Column: 14打包的时候报错 这句话是svg的引用错误，svg需要用双引号包裹起来。 如果你是引用了mui的话 可以先去引入的mui.css 和mui.min.css 的代码中 查找到如下代码 吧单引号改为...
postcss-svgo:使用PostCSS优化内联SVG
05-21
-svgo 使用PostCSS优化内联SVG。 安装 使用可以： npm install postcss-svgo --save 例子 输入 h1 { background : url ( 'data:image/svg+xml;utf-8,<?xml version="1.0" encoding="utf-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"><cir
VUE项目 打包时关于svg报错问题解决办法
weixin_44288627的博客
12-27 5764
今天使用build打包vue项目的时候疯狂报错，报错信息如下： building for production...Error processing file: static/css/app.316977a049dccd7ae4089d9226e81a34.css (node:11888) UnhandledPromiseRejectionWarning: postcss-svgo: Error ...
mui使用webpack时svg问题（postcss-svgo）
weixin_30745553的博客
11-16 428
webpack打包css时使用了svg，那么svg必须使用双引号的方式来包裹。 但是MUI的话默认是以单引号的方式，所以在用webpack打包的时候会出现错误。 这里找到 mui.css 文件，使用非压缩的版本，这样比较好找到svg使用双引号的位置，webpack打包后会压缩css。 将开头和结尾的单引号替换为双引号 再次编译即可 打开 /dist/index.ht...
Vue中npm run build报“Error in parsing SVG: Unquoted attribute value” 打包出现的错误
weixin_44415368的博客
06-10 2056
js验证身份证号： var idNo = $('#id_card_no').val(); var regIdNo = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; if(!regIdNo.test(idNo)){ alert('身份证号填写有误'); return false; } js验证真实姓名：. var nam...
postcss-inline-svg:PostCSS插件可引用SVG文件并使用CSS语法控制其属性
05-02
postcss-inline-svg 插件可引用SVG文件并使用CSS语法控制其属性。 @svg-load nav url( img/nav.svg ) { fill : #cfc ; path :nth-child ( 2 ) { fill : #ff0 ; } } .nav { background : svg-inline (nav); } ...
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
postcss-html：用于解析HTML（和类似HTML）的PostCSS语法
02-04
PostCSS HTML语法 ...入门 首先，安装模块： npm install postcss-syntax postcss-...const postcss = require ( 'postcss' ) ; const syntax = require ( 'postcss-html' ) ( { // syntax for parse scss (non-required
解决vue打包后刷新页面报错：Unexpected token <
10-16
主要介绍了解决vue打包后刷新页面报错：Unexpected token <相关知识点，需要的朋友们参考下。
postcss-bem-linter-demo:postcss-bem-linter 的演示
05-31
关于使用 和的基本演示。入门从这个目录： npm install node lint.js 就这样。
2020-10-21
woo233的博客
10-21 335
今天处理.xml文件时遇到xml.etree.ElementTree.ParseError: not well-formed (invalid token): line 4, column 10 经过查看他们的博客发现可是.xml文件的错误，不能转义中文，去掉中文就ok,即： 这一行
vue项目应用element-ui后报错ERROR in ./node_modules/element-ui/lib/theme-chalk/fonts/element-icons.ttf
weixin_45932157的博客
04-15 1742
加入这串就OK了 { test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/, loader: 'file-loader' },
Error: CSS minification error: postcss-svgo: TypeError: Cannot read property
三七_z
08-30 517
打包时报错； npm install svgo@1.3.0 -E解决掉
sass postcss_将PostCSS与Sass，Stylus或LESS一起使用
Web design 教程小屋
07-08 1737
如果您对使用PostCSS感兴趣，但是仍然喜欢自己喜欢的预处理器，请不要担心。 您无需在这两者之间做出选择，您可以将它们彼此直接使用。 有几个PostCSS插件可以很好地补充预处理器，因为它们将功能添加到您的工作流中，否则仅使用预处理器是不可能的，或者至少要困难得多。 我们将介绍其中一些免费的插件，然后通过设置指南向您展示如何与Sass，Stylus或LESS并存使用PostCSS。 ...
vue项目npm run build报错：xxx for production...Error processing file：xxx;Error in parsing SVG: Unquoted a...
aquscjl8130的博客
01-31 416
报错原因就是:引入外部css文件中有svg引号问题， 譬如我引用的mui.css，所以在node_modules-->vue-awesome-mui-->mui-->dist-->css-->mui.css中到svg把单引号改成双引号 改这两处就可以重新打包了 转载于:https://www.cnblogs.com/MsHibiscus...
Error: postcss-svgo: Error in parsing SVG: Unquoted attribute value 无法解析svg
weixin_30426065的博客
01-30 1190
把SVG用双引号包起来 background-image: url("data:image/svg+xml;charset=utf-8,\"<svg viewBox=\'0 0 120 120\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\'><defs&g...
UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 3): postcss-svgo: Error
热门推荐
刘泽美的博客
02-02 1万+
用vue-cli脚手架，用mui这个框架，运行 npm run build 时 发生如下错误： Error processing file: static/css/app.efecf6dcdf8d2d9b19398fc99ecf888c.css (node:15116) UnhandledPromiseRejectionWarning: Unhandled promise rejection ...
vue-cli 打包时出现的错误
ysm19950927的博客
05-28 9214
building for production...Error processing file: static/css/app.36864bcdcb0e1117ee302ffebb939a36.css(node:15116) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 3): postcs...
vue 报错Error: Malformed UTF-8 data 怎么解决
最新发布
05-19
这个错误通常是由于数据中包含无效的、不规范的 UTF-8 字符造成的。你可以尝试以下几种方法来解决这个问题： ...如果以上方法都无法解决问题，建议你详细检查代码和数据源，或者尝试使用其他的解决方案。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值