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文件

UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 3): postcss-svgo: Error_第1张图片

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

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

3.再运行 npm run build 提示ok

补充:

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

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

到此结束~~

你可能感兴趣的:(一些问题,全栈)