Vue2 project run serves, but cannot run build since attempting to add vue-video-player

Viewed 15

Vue 2 project running tailwindcss (with postcss7) has begun failing on me since I attempted adding vue-video-player to it. While I was successful in implementing the video player and running locally, I soon realized that the project wouldn't build for production. I se the following error, mostly repeating 23 times. It seems to demand PostCSS 8 but with this version of Vue and the older tailwind I can't take it there.

     ERROR  Failed to compile with 23 errors                                                         

 error  in css/app.59c4d576.css

css/app.59c4d576.css from Css Minimizer plugin
Error: PostCSS plugin postcss-discard-comments requires PostCSS 8.
Migration guide for end-users:
https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users
    at Processor.normalize (C:\xxxx xxxx\xxxx\xxxx Web\xxxx-ui\node_modules\postcss\lib\processor.js:167:15)
    at new Processor (C:\xxxx xxxx\xxxx\xxxx Web\xxxx-ui\node_modules\postcss\lib\processor.js:56:25)
    at postcss (C:\xxxx xxxx\xxxx\xxxx Web\xxxx-ui\node_modules\postcss\lib\postcss.js:55:10)      
    at cssnanoPlugin (C:\xxxx xxxx\xxxx\xxxx Web\xxxx-ui\node_modules\cssnano\src\index.js:167:10) 
    at cssnanoMinify (eval at transform (C:\xxxx xxxx\xxxx\xxxx Web\xxxx-ui\node_modules\css-minimizer-webpack-plugin\dist\minify.js:79:28), <anonymous>:95:33)
    at minify (C:\xxxx xxxx\xxxx\xxxx Web\xxxx-ui\node_modules\css-minimizer-webpack-plugin\dist\minify.js:37:32)
    at Object.transform (C:\xxxx xxxx\xxxx\xxxx Web\xxxx-ui\node_modules\css-minimizer-webpack-plugin\dist\minify.js:80:10)
    at execFunction (C:\xxxx xxxx\xxxx\xxxx Web\xxxx-ui\node_modules\jest-worker\build\workers\threadChild.js:148:17)
    at execHelper (C:\xxxx xxxx\xxxx\xxxx Web\xxxx-ui\node_modules\jest-worker\build\workers\threadChild.js:127:5)
    at execMethod (C:\xxxx xxxx\xxxx\xxxx Web\xxxx-ui\node_modules\jest-worker\build\workers\threadChild.js:131:5)

Honestly I don't know what is this cssnano, and if has been here all along through development - so I could use some handholding here if someone knows better.

I've tried rolling back the project, getting a fresh node_modules and package-lock, updating packages by comparing to an empty vue2 project, doing a clean install of node - no luck. I seem to have pulled some trigger and can't go back in time.

Thank you in advance.

0 Answers
Related