How can I log what is happening

[dagda1]

Hi,

I have an issue with my setup:

        {
          test: /\.(css|scss|sass)$/,
          use:  [
                ExtractCssChunks.loader,
                {
                  loader: 'css-loader',
                  options: {
                    importLoaders: 2,
                    modules: true,
                    getLocalIdent: getLocalIdent,
                    minimize: isProduction
                  }
                },
                { loader: 'postcss-loader', options: postcssOptions },
                { loader: 'sass-loader', options: sassOptions }
              ]
        }

If I have a scss file in the same directory as a typescript tsx file then the the typescript file does not get transpiled.

If I remove the scss file then the typescript file gets rendered.

I have no idea how to log what is happening apart from console logging all over node_modules.

Surely there is a better way?

[ScriptedAlchemy]

I’d need to see the whole webpack config. Are you using the whole universal suit?

[ScriptedAlchemy]

This is related to css modules HMR

try extract-css-chunks-webpack-plugin@next and let me know if thats any better. Im working on a fix for this

[dagda1]

Thanks for getting back to me

My webpack is split across a few files for server and client, here is the common one and here is the client.

I have tried installing @next but get the same error.

VM5167 main.29f4c1b6.js:72019 WebSocket connection to 'ws://localhost:3000/sockjs-node/863/431f04xa/websocket' failed: Connection closed before receiving a handshake response

YOu can see it in this repo if you

yarn install
yarn start

In the root.

[ScriptedAlchemy]

What makes you think it’s related to css chunks plugin?