CRA2 compatibility

[raRaRa]

I was just trying out react-snap with my project. When I open the site I get a lot of these warnings:

The resource http://localhost:8000/static/js/5.f6bab7d8.chunk.js was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriateasvalue and it is preloaded intentionally.

Are chunks not properly supported, or is this something else?

Thanks!

[stereobooster]

I haven't test it with latest CRA2. I only tested it with alpha versions. So yes something can be broken

[stereobooster]

Probably connected to facebook/create-react-app#5309

[raRaRa]

@stereobooster How will this affect react-snap, that they've started to inline chunks?

[stereobooster]

They inline first chunk and this is intentional. We need to investigate further what is broken

[stereobooster]

It seems that fix is (package.json):

"reactSnap": {
  "fixWebpackChunksIssue": false
}

Please test and tell me if it helps

Update Also, try INLINE_RUNTIME_CHUNK=false yarn build

[raRaRa]

@stereobooster Yup sure seems to help! What exactly was the "fix" meant to do, that disabling helps?

[stereobooster]

It fixes how webpack chunks are inserted in html in CRA1, it appears they fixed it in CRA2

[raRaRa]

Ah sweet! Thanks for the quick solution @stereobooster. Much appreciated!

[stereobooster]

Update: "fixWebpackChunksIssue": false fixes prerendering, but result has awful Time To First Paint, because it contains script tags in the header. CRA2 compatibility needs more work

[jasan-s]

Does CRA v2.0.5 fix the issue? i.e by adding env var REACT_APP_INLINE_RUNTIME_CHUNK=false