当前位置: 首页 > Web前端 > vue.js

vue打包报错UnhandledPromiseRejectionWarning-CssSyntaxError-

时间:2023-03-31 15:09:07 vue.js

buildingforproduction...错误处理文件:static/css/app.b20c74dc5216e3341c47d1833529ecad.css(node:9868)UnhandledPromiseRejectionWarning:CssSyntaxstatichcs5\app.b20c74dc5216e3341c47d1833529ecad.css:35:7:UnknownwordatInput.error(D:\workspace\h5-app\node_modules\cssnano\node_modules\postcss\lib\input.js:130:16)在Parser.unknownWord(D:\workspace\h5-app\node_modules\cssnano\node_modules\postcss\lib\parser.js:563:22)在Parser.decl(D:\workspace\h5-app\node_modules\cssnano\node_modules\postcss\lib\parser.js:235:16)在Parser.other(D:\workspace\h5-app\node_modules\cssnano\node_modules\postcss\lib\parser.js:133:18)在Parser.parse(D:\workspace\h5-app\node_modules\cssnano\node_modules\postcss\lib\parser.js:77:16)在解析(D:\workspace\h5-app\node_modules\cssnano\node_modules\postcss\lib\parse.js:17:12)在新的LazyResult(D:\workspace\h5-app\node_modules\cssnano\node_modules\postcss\lib\lazy-result.js:60:16)在处理器处。<匿名>(D:\workspace\h5-app\node_modules\cssnano\node_modules\postcss\lib\processor.js:138:12)在Processor.process(D:\workspace\h5-app\node_modules\cssnano\node_modules\postcss\lib\processor.js:117:23)在Function.creator.process(D:\workspace\h5-app\node_modules\cssnano\node_modules\postcss\lib\postcss.js:148:43)在OptimizeCssAssetsPlugin.processCss(D:\workspace\h5-app\node_modules\optimize-css-assets-webpack-plugin\index.js:63:19)在Object.processor(D:\workspace\h5-app\node_modules\optimize-css-assets-webpack-plugin\index.js:29:23)在D:\workspace\h5-app\node_modules\last-call-webpack-plugin\index.js:139:8在arrayEach(D:\workspace\h5-app\node_modules\lodash\_arrayEach.js:15:9)在forEach(D:\workspace\h5-app\node_modules\lodash\forEach.js:38:10)在LastCallWebpackPlugin.process(D:\workspace\h5-app\node_modules\last-call-webpack-plugin\index.js:136:3)(node:9868)UnhandledPromiseRejectionWarning:未处理的承诺拒绝。这个错误要么是在没有catch块的情况下在异步函数内部抛出,要么是因为拒绝了一个没有用.catch()处理的承诺。要在未处理的promise拒绝时终止节点进程,请使用CLI标志`--unhandled-rejections=strict`(参见https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode)。(拒绝ID:2)(节点:9868)[DEP0018]DeprecationWarning:未处理的承诺拒绝已弃用。将来,未处理的承诺拒绝将以非零退出代码终止Node.js进程。看到这个错误时,我惊呆了。不知道从哪里开始找这个答案https://blog.csdn.net/weixin_...尝试注释webpack配置/build/webpack.pro.conf.jsnewOptimizeCSSPlugin({cssProcessorOptions:config.build.productionSourceMap?{safe:true,map:{inline:false}}:{safe:true}}),那么它真的有效。进入打包后的app.xxxx.css文件35:7:Unknownword35行,发现报错,rdisplay:none;这个r怎么了?只删除,解压webpack配置,即可正常打包。总结:去除代码压缩的配置后,非常容易调试和查找代码错误行和列。进行精确定位。