vue打包报错UnhandledPromiseRejectionWarning: CssSyntaxError:

记一次vue-cli2 build报错一、错误描述二、解决方式一、错误描述build之后出现如下错误二、解决方式首先注释掉/bulid/webpack.prod.conf.js中的new OptimizeCSSPlugin({cssProcessorOptions: config.build.productionSourceMap? { safe: true, map: { inline: fal

程序员的脱发之路

931人浏览 · 2021-02-25 15:17:51

程序员的脱发之路 · 2021-02-25 15:17:51 发布

一、错误描述

build之后出现如下错误
在这里插入图片描述

二、解决方式

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

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

然后再build一次，打开生成的/static/css/app.css
在这里插入图片描述

查找到对应行，比如我是1907
在这里插入图片描述
在代码中查找到对应的css，进行修改，放开/bulid/webpack.prod.conf.js下的注释，再次打包即可

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^