"ERROR #98123 WEBPACK" on JS generation
Closed this issue · 6 comments
Describe the bug
When trying to run gatsby develop from a fresh pull of the starter, the following error is shown:
ERROR #98123 WEBPACK
Generating development JavaScript bundle failed
PostCSS plugin postcss-pxtorem requires PostCSS 8.
Migration guide for end-users:
https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users
File: XXXXXXXXXXXXXXXXXXXXX
To Reproduce
Steps to reproduce the behavior:
- Create new site through
gatsby new gatsby-starter-lumen https://github.com/alxshelepenok/gatsby-starter-lumen - Start development environment by with
gatsby develop - See error
Expected behavior
I'd expect it to generate and start successfully.
Additional context
npm: 6.14.11
node: 12.21.0
OS: Debian 10
Also fails to build on CloudFlare pages when attempted with the same error.
I've removed my initial reply here and edited to the below as I missed out a step, apologies!
To fix this, you'd need to use postcss-pxtorem@5.1.1 instead of the bundled 6.0.0 - hopefully this can be updated soon!
Same issue, but npm install postcss postcss-pxtorem gatsby-plugin-postcss@3.0.0 is not working with me !
@bretmlw yarn add postcss-pxtorem@5.1.1 worked for me. Looks like the most recent version of this postcss plugin is the culprit. Recommend @alxshelepenok to checkout the latest master / netlify build. They're both broken for me
Ah, sorry! Yes, thanks for pointing that out, @tbezman, now I look back at the install I'd also installed and used postcss-pxtorem 5.1.1 to get this working. I wrote and closed this too hastily, apologies, @hieunguyena6
@hieunguyena6 Meant to tag you in my first comment if you're still looking for a solution
Mentioned how to fix this in a blog post https://bezcode.com/posts/how-i-published-this-site