question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

failed Building production JavaScript and CSS bundles

See original GitHub issue

I didn’t know where else to turn to, searched everything I could but I’m stuck. During gatsby build or npm run build I get this Unknown word error. I’m using SCSS files and I can’t help but wonder if that is the culprit since it points to a problem with styles.css. I’ve removed node modules, removed cache, restarted everything. Develop works perfectly, but build breaks and cannot complete.

plugins has gatsby-plugin-sass, no options being used. I have node-sass. Where should I look?

D:\MAMP\htdocs\project (master -> origin)                                   
λ npx gatsby build                                                                 
success open and validate gatsby-configs - 0.021s                                  
success load plugins - 0.657s                                                      
success onPreInit - 0.002s                                                         
success delete html and css files from previous builds - 0.012s                    
success initialize cache - 0.005s                                                  
success copy gatsby files - 0.047s                                                 
success onPreBootstrap - 0.007s                                                    
success createSchemaCustomization - 0.004s                                         
success source and transform nodes - 0.276s                                        
success building schema - 0.201s                                                   
success createPages - 1.740s                                                       
success createPagesStatefully - 0.038s                                             
success onPreExtractQueries - 0.001s                                               
success update schema - 0.018s                                                     
success extract queries from components - 0.259s                                   
success write out requires - 0.004s                                                
success write out redirect data - 0.001s                                           
success onPostBootstrap - 0.001s                                                   
⠀                                                                                  
info bootstrap finished - 5.059 s                                                  
⠀                                                                                  
failed Building production JavaScript and CSS bundles - 4.994s                     
                                                                                   
 ERROR #98123  WEBPACK                                                             
                                                                                   
Generating JavaScript bundles failed                                               
                                                                                   
D:\MAMP\htdocs\project \styles.48f74db053b2eb5ceb4c.css:382:5: Unknown word  
                                                                                   
not finished run queries - 5.947s 

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:7 (1 by maintainers)

github_iconTop GitHub Comments

2reactions
crazydev901commented, Feb 18, 2021

@xBLADEx how did you solve the issue? I’m getting a similar error when I tried gatsby build

0reactions
mfanuzzicommented, Jun 2, 2021

for those who may run into this in the future; in our case it was due to a bug within cssnano, that has just recently been patched:

https://github.com/gatsbyjs/gatsby/issues/31589

Read more comments on GitHub >

github_iconTop Results From Across the Web

failed Building production JavaScript and CSS bundles #36304
Description. The gatsby build failed for the wired error. ERROR #98123 WEBPACK. Generating JavaScript bundles failed. Unknown option: .
Read more >
Gatsby build,failed Building production JavaScript and CSS ...
I have tried many solutions.I deleted the Node Module adnd package-lock.json file, I did npm install again. I tried gatsby clean.I thought it ......
Read more >
Failed Building production JavaScript and CSS bundles
Sounds like maybe a version problem? Different netlify sites created at different times have different default versions of node, npm, yarn, etc. Have...
Read more >
Adding a Custom webpack Config - Gatsby
Creates route JavaScript bundles as well as common chunks for JavaScript and CSS. build-html: production build static HTML pages. Check webpack.config.js ...
Read more >
Gatsby Build,Failed Building Production Javascript ... - ADocLib
Installing plugins for styling results in Generating SSR bundle failed; Issues Inconsistent CSS styles between develop and build using styledcomponents or ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found