VUE项目 打包时关于svg报错问题解决办法
今天使用build打包vue项目的时候疯狂报错,报错信息如下:building for production...Error processing file: static/css/app.316977a049dccd7ae4089d9226e81a34.css(node:11888) UnhandledPromiseRejectionWarning: postcss-svgo: Error ..
·
今天打包vue项目的时候疯狂报错,报错信息如下:
building for production...Error processing file: static/css/app.316977a049dccd7ae4089d9226e81a34.css
(node:11888) UnhandledPromiseRejectionWarning: postcss-svgo: Error in parsing SVG: Unquoted attribute value
Line: 0
Column: 14
Char: \
(node:11888) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 3)
(node:11888) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
这里提示打包出来的静态资源中的css文件中的svg引用必须使用双引号。
具体是指的什么呢?
在项目中,我引用了mui的icon。
然后打开mui.css,查找svg,发现了2处引用,将单引号修改成双引号,如下
然后再同样在mui.min.css修改一下。
在重新打包就成功了!
更多推荐
已为社区贡献1条内容
所有评论(0)