WebPackError CssSyntaxError and ERR_IPC_Channel_closed

[ergunpp]

Hi,
Everything was running fine, but suddenly my code doesn't build anymore. I did not add a plugin after last build, and cannot trace the Error.

Gatsby develop runs fine.

failed Building static HTML for pages - 2.034s

 ERROR #95313 

Building static HTML failed for path "/"

See our docs page for more info on this error: https://gatsby.dev/debug-html


  19 |   } catch (error) {
  20 |     if (error.name === "CssSyntaxError") {
> 21 |       throw new Error("Pathname: " + pathname + " " + error.toString());
     |             ^
  22 |     }
  23 | 
  24 |     throw error;


  WebpackError: Pathname: / CssSyntaxError: <css input>:1870:22: Unknown word
  
  - autoprefixer.js:21 
    node_modules/gatsby-plugin-material-ui/autoprefixer.js:21:13
  
  - gatsby-ssr.js:54 
    node_modules/gatsby-plugin-material-ui/gatsby-ssr.js:54:65
  


epp@erguns-imac proch_w_material_ui % events.js:292
      throw er; // Unhandled 'error' event
      ^

Error [ERR_IPC_CHANNEL_CLOSED]: Channel closed
    at process.target.send (internal/child_process.js:679:16)
    at reportSuccess (/Users/epp/Documents/CodeDevelopment/proch_w_material_ui/node_modules/jest-worker/build/workers/processChild.js:83:11)
    at tryCatcher (/Users/epp/Documents/CodeDevelopment/proch_w_material_ui/node_modules/bluebird/js/release/util.js:16:23)
    at Promise._settlePromiseFromHandler (/Users/epp/Documents/CodeDevelopment/proch_w_material_ui/node_modules/bluebird/js/release/promise.js:547:31)
    at Promise._settlePromise (/Users/epp/Documents/CodeDevelopment/proch_w_material_ui/node_modules/bluebird/js/release/promise.js:604:18)
    at Promise._settlePromise0 (/Users/epp/Documents/CodeDevelopment/proch_w_material_ui/node_modules/bluebird/js/release/promise.js:649:10)
    at Promise._settlePromises (/Users/epp/Documents/CodeDevelopment/proch_w_material_ui/node_modules/bluebird/js/release/promise.js:729:18)
    at Promise._fulfill (/Users/epp/Documents/CodeDevelopment/proch_w_material_ui/node_modules/bluebird/js/release/promise.js:673:18)
    at MappingPromiseArray.PromiseArray._resolve (/Users/epp/Documents/CodeDevelopment/proch_w_material_ui/node_modules/bluebird/js/release/promise_array.js:127:19)
    at MappingPromiseArray._promiseFulfilled (/Users/epp/Documents/CodeDevelopment/proch_w_material_ui/node_modules/bluebird/js/release/map.js:108:18)
    at Promise._settlePromise (/Users/epp/Documents/CodeDevelopment/proch_w_material_ui/node_modules/bluebird/js/release/promise.js:609:26)
    at Promise._settlePromise0 (/Users/epp/Documents/CodeDevelopment/proch_w_material_ui/node_modules/bluebird/js/release/promise.js:649:10)
    at Promise._settlePromises (/Users/epp/Documents/CodeDevelopment/proch_w_material_ui/node_modules/bluebird/js/release/promise.js:729:18)
    at _drainQueueStep (/Users/epp/Documents/CodeDevelopment/proch_w_material_ui/node_modules/bluebird/js/release/async.js:93:12)
    at _drainQueue (/Users/epp/Documents/CodeDevelopment/proch_w_material_ui/node_modules/bluebird/js/release/async.js:86:9)
    at Async._drainQueues (/Users/epp/Documents/CodeDevelopment/proch_w_material_ui/node_modules/bluebird/js/release/async.js:102:5)
Emitted 'error' event on process instance at:
    at internal/child_process.js:683:35
    at processTicksAndRejections (internal/process/task_queues.js:79:11) {
  code: 'ERR_IPC_CHANNEL_CLOSED'
}

The environment info is as follows:

 System:
    OS: macOS 10.15.7
    CPU: (8) x64 Intel(R) Core(TM) i7-7700 CPU @ 3.60GHz
    Shell: 5.7.1 - /bin/zsh
  Binaries:
    Node: 12.18.3 - ~/.nvm/versions/node/v12.18.3/bin/node
    npm: 6.14.6 - ~/.nvm/versions/node/v12.18.3/bin/npm
  Languages:
    Python: 2.7.16 - /usr/bin/python
  Browsers:
    Chrome: 91.0.4472.114
    Safari: 14.0.1
  npmPackages:
    gatsby: ^2.32.13 => 2.32.13
    gatsby-background-image: ^1.5.3 => 1.5.3
    gatsby-image: ^2.11.0 => 2.11.0
    gatsby-plugin-advanced-sitemap: ^2.0.0 => 2.0.0
    gatsby-plugin-manifest: ^2.12.1 => 2.12.1
    gatsby-plugin-material-ui: ^2.1.10 => 2.1.10
    gatsby-plugin-no-index: ^1.0.2 => 1.0.2
    gatsby-plugin-offline: ^3.10.2 => 3.10.2
    gatsby-plugin-react-helmet: ^3.10.0 => 3.10.0
    gatsby-plugin-robots-txt: ^1.6.2 => 1.6.2
    gatsby-plugin-sharp: ^2.14.4 => 2.14.4
    gatsby-source-contentful: ^4.6.4 => 4.6.4
    gatsby-source-filesystem: ^2.11.1 => 2.11.1
    gatsby-transformer-sharp: ^2.12.1 => 2.12.1
  npmGlobalPackages:
    gatsby-cli: 2.12.92

I would be glad if somebody would point me in the right direction, as I am totally lost here.
Thanks a lot

[ergunpp]

The problem was a typo in makeStyles css declaration. It was quite difficult to find, but now everything works fine.

[wardpeet]

I'm unsure if we can get a better error message but could you maybe create an issue with a small reproduction?