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:
HP Color LaserJet Pro M255dw 7KW64A, Impresora Láser A4 Color a Doble Cara Automática (21 ppm, Wi-Fi, Ethernet, USB 2.0, Procesador de 800 MHz, Memoria de 256 MB, HP Smart App, Pantalla Táctil) Blanca
238,30 € (a partir de 26 abril, 2024 02:16 GMT +02: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.)
Samsung 980 PRO M.2 NVMe SSD (MZ-V8P1T0BW), 1 TB, PCIe 4.0, 7,000 MB/s Read, 5,000 MB/s Write, Internal Solid State Drive
89,00 € (a partir de 26 abril, 2024 02:16 GMT +02: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.)
LG 27UL500-W - Monitor 27 pulgadas UHD, Panel IPS: 3840x2160, 60Hz, 5 ms, 1000:1, 300nit, sRGB 98%, 16:9, HDMI, DisplayPort, Conectividad Universal, Inclinación Ajustable, Color Blanco
196,69 € (a partir de 26 abril, 2024 02:16 GMT +02: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.)
Switch Ethernet Splitter,RJ45 1 to 2 Gigabit Network Splitter 2 Ports 1000Mbps Network LAN Ethernet Adapter ,with USB Power Port for Computer, hub, Switch, Router, ADSL, Set-Top Box, Digital TV, etc
13,99 € (a partir de 26 abril, 2024 02:16 GMT +02: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.)
ASUS VivoBook 15 F1500EA - Ordenador Portátil 15.6" Full HD (Intel Core i3-1115G4, 8GB RAM, 256GB SSD, UHD Graphics, Windows 11 S) Color Plata - Teclado QWERTY español
389,00 € (a partir de 26 abril, 2024 02:17 GMT +02: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.)
SanDisk Ultra Flair Memoria flash USB 3.0 de 64 GB, con carcasa de metal duradera y elegante y hasta 150 MB/s de velocidad de lectura, Color negro/plateado
7,59 € (a partir de 26 abril, 2024 02:16 GMT +02: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.)
TECLAST F16Pro Ordenador Portátil de 15,6" 16GB DDR5 512GB SSD con Teclado De Fondo, Intel N95 hasta 3,4 GHz PC Portátil W11 Pro, WiFi6, 1920 * 1080, 5000mAh, BT5.0, Admite La Memoria De La ExpansióN
339,99 € (a partir de 26 abril, 2024 02:16 GMT +02: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.)
Lekespring Mochila Viaje Cabina Avion (30L) | Mochila Viaje Mujer Hombre - Maletas de Viaje Cabina con 6 Bolsas Organizadoras - Vacaciones Negocios Viajes Escuela - Negro
39,99 € (a partir de 26 abril, 2024 02:17 GMT +02: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.)
[Nuevo 2024] Mercusys MB130-4G - Router 4G SIM, LTE CAT4, Wi-Fi AC1200, Compatible con Todos los operadores, FDD y TDD, Plug&Play, configuración y gestión de App
54,99 € (a partir de 26 abril, 2024 02:16 GMT +02: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.)