DEV Community

Cover image for React app renders blank screen on Safari Browser
PrathamSingh
PrathamSingh

Posted on • Updated on

React app renders blank screen on Safari Browser

I built an app in React that works in every browser I tried, But not on Safari (Catalina OS & Version 13.1.2 ). I get no error, no console message, nothing that would give me some idea. It only renders tag in Safari and the screen is blank.

I'm attaching 2 screenshots so that you can see nothing is coming in Network tab and Console.
Alt Text

&

Alt Text

Some people suggest me to clear the cache or turn off the cache and then reload the page but that doesn’t work for me.

I tried to run my react app locally in safari and then I was getting these error messages in the console :-

Failed to load resource: A server with the specified hostname could not be found.

[Error] The source list for Content Security Policy directive 'script-src' contains an invalid source: ''strict-dynamic''. It will be ignored.

Please do let me know if anyone knows the solution or anyone can give me some suggestion for resolving this problem, let me know in the comments.

That's all folks. Thanks! 😊

Top comments (0)