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

最新推荐文章于 2023-12-26 10:00:38 发布
最新推荐文章于 2023-12-26 10:00:38 发布
阅读量1.6w 收藏 1
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 一些问题 全栈
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_41884153/article/details/86747298
本文详细介绍了在使用Vue-cli脚手架搭建项目并引入mui框架时，遇到的SVG图标未正确引用的问题及解决方案。主要错误在于CSS文件中SVG图标路径的引用未使用双引号，导致构建时出现解析错误。通过修改引用方式，问题得以解决。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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

到此结束~~

electron-vue - 打包报错UnhandledPromiseRejectionWarning: ReferenceError: Multispinner is not defined完美解决
高级前端工程师
06-27 1886
electron，vue，vue2，vue3，electron-vue打包报错，打包报错，electron Vue如何解决打包报错，npm run build，打包失败怎么办，electron打包，UnhandledPromiseRejectionWarning: ReferenceError: Multispinner is not defined，安装了multispinner模块还是不行，multispinner，安装这个包还是报错，无法解决这个问题，at build，Unresolved node
(node:4560) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): Error:
like_jack的博客
10-27 9653
同时浏览器还弹出提示框。未找到指定程序。 原因是我做天开了翻墙软件。然后dns服务器的IP地址被改了，改回来就好了（不生效在重启下） 下面是运行时出现的状况
【nodejs】Node.js 中的 UnhandledPromiseRejectionWarning 问题
DreamSeeker_1314的博客
08-08 5万+
问题引入：今天在 Gulp 构建任务中出现一个 html 解析错误，但是并没有报错，也没有中断 gulp 构建任务的执行，而是出现 UnhandledPromiseRejectionWarning 的警告，所以会误以为构建成功，这篇文章将对此进行探究并解决该问题。 1 2 3 4 5 (node:24866) UnhandledPro...
UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token ‘??=‘ 报错处理
q879936814的博客
12-26 1万+
)是ES2021的语法，node v15.0.0以上才支持逻辑空赋值(?之前为了兼容旧代码使用的node版本是14。使用Vue3+Vite创建项目时忽然报这个错。使用nvm切换16的node，成功解决。
UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throw
路漫漫其修远兮，吾将上下而求索。
10-29 1万+
报错 (node:5264) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise whic...
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(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict`
07-12
通过添加 catch 块或使用 .catch() 方法，你可以正确处理 Promise 的拒绝，避免出现 "Unhandled promise rejection" 的警告信息。 如果你仍然遇到问题或需要进一步的帮助，请提供更多代码和错误信息的详细信息，...
UnhandledPromiseRejectionWarning: authFailed (node:25748) 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(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 6)
06-09
这个错误提示表明您在一个异步函数中抛出了一个错误，但是没有使用catch语句来处理它。...如果您希望在未处理的Promise拒绝时终止Node.js进程，可以使用--unhandled-rejections=strict命令行选项。
(node:2244) UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token '??=' at Loader.moduleStrategy (internal/modules/esm/translators.js:145:18) (Use `node --trace-warnings ...` to show where the warning was created) (node:2244) 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(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html
最新发布
07-29
console.error('Unhandled Rejection at:', promise, 'reason:', reason); // 可选：退出进程（生产环境推荐） // process.exit(1); }); ``` #### 验证解决 - 重新运行命令： ```bash pnpm run dev # 或 npm ...
(node:22800) UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token '??=' at Loader.moduleStrategy (internal/modules/esm/translators.js:149:18) (Use `node --trace-warnings ...` to show where the warning was created) (node:22800) 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(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1) (node:22800) [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.
05-29
console.error('Unhandled Rejection at:', promise, 'reason:', reason); }); ``` #### 三、构建工具配置建议（针对Vue3项目） 1. **Babel转译配置** 在`babel.config.js`中添加`@babel/plugin-proposal-...
promise的reject出错：UnhandledPromiseRejectionWarning
weixin_45440502的博客
08-21 3115
问题: (node:11504) UnhandledPromiseRejectionWarning: # <node_internals>/internal/process/warning.js:32 (node:11504) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function with
(node:13684) UnhandledPromiseRejectionWarning: Unhandled promise rejection
黎小小的博客
11-14 1257
我这里 "ts-node-dev": "^2.0.2"，版本修改为 "ts-node-dev": "^1.0.0-pre.44"即可正常启动。出现UnhandledPromiseRejectionWarning:一般就是包版本问题，或者包冲突。
Node.js报错：UnhandledPromiseRejectionWarning: Unhandled promise rejection
彭世瑜的博客
02-18 1万+
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() 解决办法： 增加catch new Promise((resolve,
css-loader版本过高报错UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function
weixin_47541876的博客
12-01 333
UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function css-loader版本过高报错 npm uninstall css-loader（卸载掉之前安装的） npm install css-loader@2.0.2 --save-dev （安装一个低版本的） 问题解决
遇到：nodejs unhandledPromiseRejectionWarning 错误应该如何解决
牛肉胡辣汤
08-08 2万+
遇到 "unhandledPromiseRejectionWarning" 错误是因为在 Node.js 中，一个 Promise 被 rejected 了，但是没有被处理（handled）。这可能是因为你没有使用适当的错误处理机制，导致 Promise 的 rejected 状态没有被捕获。请根据你的具体代码和需求，检查并修改涉及到 Promise 的部分，确保在异步操作中正确处理错误。如果以上步骤都没有解决问题，你可以检查 Promise 的实现是否正确。
VUE中npm run build错误--Unhandled promise rejections are deprecated. In the future, promise rejections
哦哦一人
01-20 1万+
vue打包时报错提示 (node:8544) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing insi de of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To termina te
Unhandled promise rejection
qq_38918953的博客
10-28 8729
这是由于发送请求时没有写.catch(res=>{})方法去获取有可能的错误，才报的错误 getUserRoles().then(json=>{ console.log(‘success’) }).catch(function (err) { console.log(err); }) } ...
UnhandledPromiseRejectionWarning 错误解决
热门推荐
风格色的博客
02-27 18万+
报错内容(node:2565) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 1): Error: EACCES: permission denied, unlink '/home/fenggese/workspace/express/code-snippet-web/.nuxt/App.vu
jenkins构建Unhandled promise rejection，状态也不会变为 Finished: FAILURE
施天助的专栏
01-15 887
jenkins构建node脚本的时候，如果你的主程序最后是个返回promise的话就不能中断构建脚本，但有时我们需要在node出错的时候就终止运行，并让jenkins构建状态变成FAILURE。比如： 构建脚本： node a.js echo 构建程序后面的步骤 想要在a.js 出错时就终止，不要再执行到echo 构建程序后面的步骤。 a.js 内容： (async functi...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值