vue打包报错UnhandledPromiseRejectionWarning: CssSyntaxError:

记一次vue-cli2 build报错

  • 一、错误描述
  • 二、解决方式

一、错误描述

build之后出现如下错误
vue打包报错UnhandledPromiseRejectionWarning: CssSyntaxError:_第1张图片

二、解决方式

首先注释掉/bulid/webpack.prod.conf.js中的

new OptimizeCSSPlugin({
      cssProcessorOptions: config.build.productionSourceMap
        ? { safe: true, map: { inline: false } }
        : { safe: true }
    }),

然后再build一次,打开生成的/static/css/app.css
vue打包报错UnhandledPromiseRejectionWarning: CssSyntaxError:_第2张图片

查找到对应行,比如我是1907
vue打包报错UnhandledPromiseRejectionWarning: CssSyntaxError:_第3张图片
在代码中查找到对应的css,进行修改,放开/bulid/webpack.prod.conf.js下的注释,再次打包即可

你可能感兴趣的:(前端项目部署上线,Vue学习笔记,前端社会成长之路,vue)