React application is not working

First and foremost try to identify what is breaking things by just disabling CSS or JS or HTML or Image optimization (incl. lazyload). Based on that we can see what the next steps need to be ??

frank

Hi,

Please check the below error screenshots

so have you tried disabling JS optimization? does that fix the problem?

Yes I did the same but same result. But we need to optimize JS also right for better performance. Please check the below attachment

But we need to optimize JS also right for better performance.

well, we’re troubleshooting now, and disabling JS opt. is but a first step ??

Yes I did the same but same result

“same result” meaning the react app is still broken even when JS optimization is off? do you also get JS errors in that case?

sometimes we are getting the above errors, so at that time we need to disable that option?

As I see a lot of JS errors even now, with Autoptimize not active, I’m afraid changing AO settings will not help mythily .. :-/

Hi,

But in mac system we are getting the below errors, Please check once

Link:

Now getting in windows also

So the react script files are not loading sometimes prorperly

I only see two files that were not loading, in the first screenshot, both Elementor (non-autoptimized), all the other log entries are warnings from React and are also there when AO is not active ..

So the cache it using for , will it update automatically when we do any changes to that file, Or do we need it to do manually

the cached optimized JS (or CSS) will update automatically when changes are made (the cache filename contains the md5-hash of the content of the unoptimized file(s), so if the file changes the hash changes and the old cached JS/ CSS is not used any more).