Refused to apply style from ” because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled. Can anyone shed any light on a fix for this?

I get 4 errors in console when loading fancybox sources. One of them is this:
Refused to execute script from 'https://<mywebsite>/wp-content/plugins/easy-fancybox/fancybox/F/jquery.fancybox.min.js?ver=4.9.1' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

Folder F does not exist. Where does the Folder /F/ come from? In that folder only fancybox versions are visible.

What can be wrong here? I cleared cache, disabled other plugins etc.

If I create the F folder manually, and place the missing files in it, Fancybox works. But which version should go in there?

Thanks for taking the time to help me,

Jack.

When we configure the ZOHO mail on the live server, the emails taht have the content type as “text/html” are sending the *Row* HTML to the email client.

I have troubleshoot the issue with the plugin and found that the zoho plugin has reset the “mailFormat” to “plaintext” instead of html.

So, when i change the mailtype in line #578 to “html”, the emails are working fine.

It might be caused due to the assign NULL to $content_type in various places in the plugin.

Please check the plugin’s next version with the text/html content type.

P.S. this you can consider to reproduce the issue:
I have tested this with MetForm, Contact form 7, etc.
The form does not contain any attachment.

https://accounts.google.com/o/oauth2/postmessageRelay?parent=https%3A%2F%2Fmrmixandmaster.com&jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_US.2O_3XQTFIPY.O%2Fam%3DwQE%2Fd%3D1%2Fct%3Dzgms%2Frs%3DAGLTcCM0JjSA0I0wvcxN0q5y4p-sc5Yxiw%2Fm%3D

If someone has encountered this error previously or can help me locate it I would forever be grateful. I believe it could possibly be a photo or plug-in but I am unable to locate exactly where this exact location may be. Please let me know if any log in credentials are needed to investigate further.

Link to GTMetrix Report:

GT Metrix Site Results

Refused to apply style from 'https://www.web.com/' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
981f3.js:1 

Refused to execute script from 'https://www.web.com/' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

Refused to apply style from 'https://www.web.com/' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

I do not speak much English
Spanish
Thank you

While I was investigating this I saw that the headers sent for the doc (text/html) objects did not have any stuff in them about caching set. I do not want html to be cached and I am thinking about using a cdn so this issue of mine should be fixed before that step.

Is having only the header x-litespeed-cache: hit enough and guarantees that no client caching takes place?

I thought about it and tried to add cache-control: no-cache for the text/html objects but could not find a place to add it. So I resorted to adding one more expireByType for text/html=A0 but I am not sure. What are your thoughs about this?

Can I add (I tried with FilesMatch but didn’t work) cache-control: no-cache, must-revalidate to all wordpress pages/posts and keep the caching only for static stuff (css,js,fonts,images)? If yes, where should I put it?

To be more precise the headers a client receives for a text/html object are (when no expiresbytype for text/html is present:

content-encoding: gzip
content-length: 18742
content-type: text/html; charset=UTF-8
date: Tue, 30 Apr 2019 16:23:40 GMT
link: </min/b2a25.css>; rel=preload; as=style,</wp-includes/js/jquery/jquery.js>; rel=preload; as=script,</min/52749.js>; rel=preload; as=script,</min/7b43c.js>; rel=preload; as=script
status: 200
vary: Accept-Encoding
x-litespeed-cache: hit

I believe these headers DO NOT guarantee that a client won’t cache the response. Am I correct?

And if I set ExpiresByType for text/html objects to
text/html=A0, ...
then the headers a client receives are

cache-control: public, max-age=0
content-encoding: gzip
content-length: 18354
content-type: text/html; charset=UTF-8
date: Tue, 30 Apr 2019 17:09:03 GMT
expires: Tue, 30 Apr 2019 17:08:45 GMT
link: </min/aabcc.css>; rel=preload; as=style,</wp-includes/js/jquery/jquery.js>; rel=preload; as=script,</min/e7bae.js>; rel=preload; as=script,</min/8fe9d.js>; rel=preload; as=script
status: 200
vary: Accept-Encoding
x-litespeed-cache: hit

But I believe max-age=0 is not enough. Is it?

Thank you!

Thank you,
-Rob B.

Thanka a lot.

My blog: https://www.aupair-exchangestudent.com/