Issue with CSS after upgrading to CRA2

[alan345]

Before upgrading to CRA2, it was working well.
Now. Css is not loaded correctly.
I have tried with and without option "inlineCss": true.
Here you have the result with react-snap:

without react-snap:

I am using:
"react": "16.5.2"
"@material-ui/core": "3.2.0",
Let me know if you have an idea how I can dig into this issue.
Thanks!

[stereobooster]

Can you post more info. Exact version of CRA and exact config of react-snap.

Do you use INLINE_RUNTIME_CHUNK=false?

[alan345]

yes sure:
"react-scripts": "2.0.5"
"react-snap": "^1.19.0",

[alan345]

no I don't use INLINE_RUNTIME_CHUNK=false

[stereobooster]

You should use INLINE_RUNTIME_CHUNK=false with CRA2 until we get better solution

[alan345]

Same issue..

  "reactSnap": {
    "fixWebpackChunksIssue": false,
    "puppeteerIgnoreHTTPSErrors": true,
    "inlineCss": true,
    "INLINE_RUNTIME_CHUNK":false    
  },

[stereobooster]

try this

INLINE_RUNTIME_CHUNK=false yarn build

"reactSnap": {
  "puppeteerIgnoreHTTPSErrors": true
}

[alan345]

also not working..

The behavior is weird, after I refresh, css is ok (static files), then it fires a query and then it looks like css is not fully loaded:
https://j.gifs.com/rRLDX2.gif
issue is only for chrome. (Safari and android chrome are working..)

[stereobooster]

I guess you have issue with JSS similar too #99 (comment)

[stereobooster]

Feel free to reopen, if you have more questions

[swoppy]

I have the same issue, I'm using CRA 3 with typescript and CSS Module. It messed up the layout, some HTML tags are even missing after this whole process.

config

"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-scripts": "3.4.1",
"react-snap": "^1.23.0"

"reactSnap": {
    "fixWebpackChunksIssue": false,
    "puppeteerIgnoreHTTPSErrors": true,
    "inlineCss": true,
    "puppeteerArgs": [
      "--no-sandbox",
      "--disable-setuid-sandbox"
    ]
  },

even did this INLINE_RUNTIME_CHUNK=false yarn build to build