遇到奇特bug,记录一下
因为要自适应浏览器大小,使用 postcss-px-to-viewport 来进行转换vw
在进行build 打包的时候,报错:
Error: CSS minification error: Lexical error on line 1: Unrecognized text.
Erroneous area:
1: 100% - NaNvw
^.........^. File: css/app.3e4e59d0.css
Error: CSS minification error: Lexical error on line 1: Unrecognized text.
Erroneous area:
1: 100% - NaNvw
^.........^. File: css/app.3e4e59d0.css
at /Users/myFile/myWork/小语vue/xiaoyu-vue-web/node_modules/@intervolga/optimize-cssnano-plugin/index.js:106:21
at processTicksAndRejections (internal/process/task_queues.js:93:5)
at async Promise.all (index 0)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! xiaoyu-vue-web@0.1.0 build: `vue-cli-service build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the xiaoyu-vue-web@0.1.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
原因在配置 postcss-px-to-viewport 的时候,出了粗 viewportWidth,viewportHeight 两个属性为number,我配置为字符串 : '1080px' 这种形式;