The latest articles on DEV Community by PrathamSingh (@prathamsingh). https://dev.to/prathamsingh https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F368884%2Fca45a86a-b752-4323-95e9-9187e5a8490e.jpeg https://dev.to/prathamsingh en PrathamSingh Tue, 13 Oct 2020 17:03:52 +0000 https://dev.to/prathamsingh/react-app-renders-blank-screen-on-safari-browser-41md https://dev.to/prathamsingh/react-app-renders-blank-screen-on-safari-browser-41md <p>I built an app in React that works in every browser I tried, But not on <strong>Safari</strong> (Catalina OS &amp; 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.</p> <p>I'm attaching 2 screenshots so that you can see nothing is coming in <strong>Network tab</strong> and <strong>Console</strong>.<br> <a href="https://res.cloudinary.com/practicaldev/image/fetch/s--FYMEbUoT--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/91c422lqn7q733jc61g6.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--FYMEbUoT--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/91c422lqn7q733jc61g6.png" alt="Alt Text"></a></p> <p>&amp;</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--vY_huyYI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/hf8fq14wpkwbqevyagzc.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--vY_huyYI--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/hf8fq14wpkwbqevyagzc.png" alt="Alt Text"></a></p> <p>Some people suggest me to clear the <strong>cache</strong> or <strong>turn off the cache</strong> and then reload the page but that doesn’t work for me.</p> <p>I tried to run my react app locally in safari and then I was getting these error messages in the console :-</p> <p><strong>Failed to load resource: A server with the specified hostname could not be found.</strong></p> <p><strong>[Error] The source list for Content Security Policy directive 'script-src' contains an invalid source: ''strict-dynamic''. It will be ignored.</strong></p> <p>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.</p> <p>That's all folks. Thanks! 😊 </p> react javascript safari webdev