CSS Not Loading - Docusaurus 3.8

Problem - Styles missing in live build

npm start shows the correct styles, but on build it looks like all styles are missing.
There are no JS or network errors live.

Local (working):

How it should look

Live (not working):

How it looks

Solution

This problem seems related to occur on the new 3.8 release, for Windows users
More specifically, seems to be related to using CSS Cascade Layers when building on Windows.

Solution 1: Enable experimental_faster

Update your docusaurus.config.js to enable experimental_faster

  future: {
    v4: true,
    experimental_faster: true, <-- ADDED THIS
  },

docusaurus.config.js#

Solution 2: Disable CSS Cascade Layers

Turn off CSS Cascade Layers and keep the former Node.js version:

future: {
  v4: {
    useCssCascadeLayers: false,
    removeLegacyPostBuildHeadAttribute: true,
  },
}