En ocasiones en Magento 2 vemos que nuestro sitio web no se ve bien, no se cargan los CSS o los JS y sale el error:
“MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled. Refused to apply style.”
Lo que ocurre en este caso es que el contenido estático no está correctamente generado y hay que regenerarlo. Pero no lo podemos hacer desde el backend (si la página está en modo producción, que debería). Lo tenemos que hacer por línea de comandos. Hoy os enseñamos cómo.
Solución.
Puede haber diferentes causas, os dejamos varias.
- Realizar un deploy.
Sería una de las primeras cosas a probar: realizar un deploy que genera de nuevo todos los ficheros estáticos necesarios para producción. En teoría esto se hace desde el directorio raíz de Magento con:php bin/magento setup:static-content:deploy
Lo que no viene en casi ningún manual es que esto hace deploy del contenido en_US, y no del español. Por eso a nosotros no nos funcionó. Tuvimos que forzar el deploy del contenido español con :php bin/magento setup:static-content:deploy -f es_ES - Parece ser que si vas a modo Developer (desarrollo) y luego pasas a modo Producción te hace el paso anterior, te genera de nuevo el contenido estático. Otro día mostramos cómo hacer eso.
- Permisos.
Puede que los ficheros no se estén cargando bien por tema de permisos. Para eso comprueba que los permisos están correctamente. Deberían ser:
– Directorios: 711: find . -type d -exec chmod 0711 {} +
– Ficheros php: 600: find . -type f -name “*.php” -exec chmod 600 {} +
– Todos los demás ficheros 644. find . -type f -exec chmod 0644 {} +
Comprueba que los ficheros y directorios pertenecen al usuario:grupo correcto (en modo recursivo). Y además que el directorio bin/magento tiene permisos de ejecución: chmod u+x bin/magento
Más info aquí. - FIchero .htaccess en pub/static/
Entra en el directorio pub/static/ y asegúrate que tiene el fichero .htaccess. Cuidado, recuerda que es un fichero oculto.
Si no está:
– Descárgate la versión adecuada de Magento.
– Coge el fichero de pub/static de esa descarga.
-Súbelo a tu sitio.
– Limpia caché de Magento y de tu navegador.
Os recomendamos los siguientes productos relacionados con la informática:
Trust Gaming GXT 232 Mantis Micrófono USB con Trípode y Filtro Pop, Micro para Streaming, Grabar, Podcast, Vlog, PC, Ordenador, Portátil, PS4, PS5 – Negro
25,99 € (a partir de 3 febrero, 2023 07:22 GMT +01:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
GOODTEL Tablet 10 Pulgadas 4GB RAM + 64GB ROM, Android 11 Google GMS, WiFi, Bluetooth, OTG, Batería 8000mAh, Dual Cámara 5MP + 8MP, SD Slot 4-256GB, con Funda, Teclado y Ratón, Rojo
116,98 € (a partir de 3 febrero, 2023 07:22 GMT +01:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
TP-Link N300 Tl-WA850RE - Repetidor Extensor de Red WiFi (2.4 GHz, 300 Mbps, Puerto Ethernet, Modo Ap y Extensor, Antenas Internas), Blanco
16,99 € (a partir de 3 febrero, 2023 07:22 GMT +01:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
HDMI KVM Switch, Conmutador KVM USB 2.0 para 2 PCs compartir 1 Monitor y 3 dispositivos USB, Teclado, Ratón, Impresoras, Escáneres
29,99 € (a partir de 3 febrero, 2023 07:22 GMT +01:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
D-Line Caja de cables EU/CTUSMLW/SW, caja de gestión de cables para ocultar cables con desorden de cables - pequeña, blanca
13,05 € (a partir de 3 febrero, 2023 04:33 GMT +01:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Sveon SCT011M - minilector DNI 4.0 compatible con MAC y Windows 10 [España]
9,99 € (a partir de 3 febrero, 2023 04:33 GMT +01:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Lightning Digital AV Adapter 【Apple MFi Certificado】 Adaptador HDMI para iPhone iPad a TV Cable HDMI Adaptador a TV Convertidor de Pantalla de Sincronización para iPhone 14/13/SE/12/11/XS/XR/X/8/7
17,99 € (a partir de 3 febrero, 2023 05:58 GMT +01:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Einmoon Pendrive 982 GB Memoria USB 3.0 Impermeable Pen Drive Alta Velocidad Pen USB Metal Disco Duro Externo para PCs, Tabletas, Computadoras ect, con Llavero (982gb)
35,99 € (a partir de 2 febrero, 2023 05:32 GMT +01:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)
Toshiba Canvio Basics, Disco Duro, 4TB, Negro
98,00 € (a partir de 3 febrero, 2023 07:22 GMT +01:00 - Más informaciónProduct prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on [relevant Amazon Site(s), as applicable] at the time of purchase will apply to the purchase of this product.)