*long hot reload times*: Critical dependency: the request of a dependency is an expression, [webpack-dev-middleware] wait until bundle finished:

[hktari]

Describe the bug

I'm experiencing long hot reload times as well as browser unresponsiveness when updating my style sheets. At times I think it fails completely. In short my development build is unpleasant to work with to say the least.

To Reproduce
Steps to reproduce the behavior.

1. git clone https://github.com/hktari/fictional-succotash
2. npm run develop
3. make a change inside _bootstrap-config.scss

Expected behavior

browser should display changes made to stylesheets in real time

Screenshots

Applicable Versions:

• decap-cms-app: 3.0.12
• Git provider: Github
• OS: Ubuntu 22.04
• Browser version firefox 126.0.1 (64-bit)

• Node.JS version:

CMS configuration

https://github.com/hktari/fictional-succotash/blob/staging/static/admin/config.yml

Package.json
https://github.com/hktari/fictional-succotash/blob/staging/package.json

gatsby-config.js
https://github.com/hktari/fictional-succotash/blob/staging/gatsby-config.js

Additional context

info changed file at /home/hktari/source/zdrava-rutina/src/pages/index.md
warn ./node_modules/gatsby-plugin-decap-cms/gatsby-browser.js
[03:38:06] Critical dependency: the request of a dependency is an expression
success Re-building development bundle - 22.300s
success Writing page-data.json files to public directory - 0.116s - 1/7 60.38/s
success building schema - 0.215s
success createPages - 0.030s
info Total nodes: 143, SitePage nodes: 8 (use --verbose for breakdown)
success Checking for changed pages - 0.002s
success onPreExtractQueries - 0.001s
success extract queries from components - 0.094s
success write out requires - 0.002s
success Writing page-data.json files to public directory - 0.009s - 0/6 678.35/s
success onPreExtractQueries - 0.001s
success extract queries from components - 0.116s
success write out requires - 0.001s
success run page queries - 0.128s - 1/1 7.82/s
success Writing page-data.json files to public directory - 0.005s - 1/6
[03:38:59] 1132.37/s
WAIT Compiling...3:47:01 AM
⠀
success onPreExtractQueries - 0.001s
success extract queries from components - 0.093s
success write out requires - 0.001s
[03:47:02]
WARNING Compiled with 1 warning3:48:22 AM
⠀
warning in ./node_modules/gatsby-plugin-decap-cms/gatsby-browser.js
⠀
Critical dependency: the request of a dependency is an expression
⠀
WAIT Compiling...3:48:22 AM
⠀
warn ./node_modules/gatsby-plugin-decap-cms/gatsby-browser.js
[03:48:22] Critical dependency: the request of a dependency is an expression
success Re-building development bundle - 80.695s
success Writing page-data.json files to public directory - 0.031s - 0/5 161.52/s
success onPreExtractQueries - 0.001s
[03:48:23]
[webpack-dev-middleware] wait until bundle finished: /commons.js
[webpack-dev-middleware] wait until bundle finished: /commons.css
[webpack-dev-middleware] wait until bundle finished: /page-data/app-data.json
[webpack-dev-middleware] wait until bundle finished: /page-data/index/page-data.json
[webpack-dev-middleware] wait until bundle finished: /page-data/404.html/page-data.json
success extract queries from components - 0.100s
success write out requires - 0.001s
warn Warning: Event "xstate.after(200)#waitingMachine.aggregatingFileChanges"
[03:48:57] was sent to stopped service "waitingMachine". This service has already reached
[03:48:57] its final state, and will not transition.
[03:48:57] Event: {"type":"xstate.after(200)#waitingMachine.aggregatingFileChanges"}
[03:48:57]
[webpack-dev-middleware] wait until bundle finished: /page-data/sq/d/229118374.json
WARNING Compiled with 1 warning3:49:41 AM
⠀
warning in ./node_modules/gatsby-plugin-decap-cms/gatsby-browser.js
⠀
Critical dependency: the request of a dependency is an expression
⠀
warn ./node_modules/gatsby-plugin-decap-cms/gatsby-browser.js
[03:49:41] Critical dependency: the request of a dependency is an expression
success Re-building development bundle - 44.393s
success Writing page-data.json files to public directory - 0.037s - 0/5 133.60/s
[03:49:41]
[webpack.cache.PackFileCacheStrategy] Caching failed for pack: Error: ENOENT: no such file or directory, rename '/home/hktari/source/zdrava-rutina/.cache/webpack/stage-develop/5.pack_' -> '/home/hktari/source/zdrava-rutina/.cache/webpack/stage-develop/5.pack'

[martinjagodic]

This seems unrelated to Decap, so I'm closing the issue. If it is, please explain how to reproduce.

[hktari]

I've attached a sample project, as seen from the log files, compilation time for scss changes is approximately 1.5min

[martinjagodic]

Thanks for the repo. You use gatsby-starter-decap-cms template, so I'm moving the issue there. It's probably more related to Gatsby because that's the one reloading CSS.