UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 3): postcss-svgo: Error

用vue-cli脚手架，用mui这个框架，运行 npm run build 时 发生如下错误：

Error processing file: static/css/app.efecf6dcdf8d2d9b19398fc99ecf888c.css
(node:15116) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 3): postcss-svgo: Error in parsing SVG: Unquoted attribute value
Line: 0
Column: 14
Char: \

问题描述：

其实问题已经很清楚了，就是指你的static/下面有个css/目录下有个.css文件的SVG没有用双引号。

解决方案：

我的情况属于在项目工程中导入了mui.css文件，然后mui.css这个文件里面导入svg的时候，没有用双引号。

于是

1.找到static/ 下的 mui/css目录下，找到mui.css文件

2.搜索svg，然后找到后面的url引用的路径。

• 默认这个路径是用单引号的，所以报错。
• 把这里的单引号变成双引号就OK了

3.再运行 npm run build 提示ok

补充：

再补充一点：在nginx部署时，首先要去nginx.conf 里面配置好前端的端口，然后把路径指向 第三步运行出来的 dist 目录 就ok了。

这样就可以用ip或者你指定的域名进行访问你的前端页面了。

到此结束~~