I have a fairly simple Angular 1.x app that was working fine until i upgraded to Safari 11. Now, it doesn't work because almost all of the js files are blocked.
The same was true for CSS files, but removing the "rel" attribute and adding type="text/css" fixed the CSS issues.
For the JS files, I've made sure to add type="text/javascript" to the script tags. I also just tried adding ./ to the beginning of the src's for giggles and they still won't load.
Does anyone know how to fix this?
Thanks, Wayne
In the Connections pane, go to the site, application, or directory for which you want to add a MIME type. In the Home pane, double-click MIME Types. In the MIME Types pane, click Add... in the Actions pane. In the Add MIME Type dialog box, add the file name extension and MIME type, and then click OK.
This may be because the server-side recognition is buggy or the JS file is non-existent (and the server does not send a 404 status code?) or there is no js in it. Because of that, it sends the Content-Type text/html . The browser sees the content type, thinks this is no css and does not allow it.
If a web server or application reports an incorrect MIME type for content (including a "default type" for unknown content), a web browser has no way of knowing the author's intentions. This may cause unexpected behavior. Some web browsers, such as Internet Explorer, try to guess the correct MIME type.
I want to just delete the question but I hope maybe this answer will still be helpful to someone.
So, my problem was actually that I had a bad clone of my project and it was missing files!
However, for anyone having the same issue:
ensuring that type="text/css" for stylesheets and type="text/javascript" did fix the issue. (for the files that actually existed)
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With