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或者你指定的域名进行访问你的前端页面了。
到此结束~~