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:
Tablet 10 Pulgadas FACETEL Q3 Android 9.0 4GB de RAM y 64 GB de ROM,5MP 8MP Cámara Tablet PC Batería de 8000mAh,Certificación Google gsm | WiFi | GPS | OTG | FM | Bluetooth-Gris
(256)
HP OfficeJet Pro 8022 - Impresora Multifunción de Tinta (20 ppm, 4800 x 1200 dpi, A4, WiFi) Color Gris
(1093)
Memoria USB Personalizada de Madera 16 GB - USB Personalizado con Nombre o Texto Que Elijas
(7)
Acer Aspire 3 A315-23 - Ordenador Portátil 15.6" FullHD (AMD Ryzen 5 3500U, 12GB RAM, 1TB SSD, Radeon Vega 8 Graphics, Windows 10 Home), Color Plata - Teclado Qwerty Español
(247)
Hp Elite 8300 - Ordenador de sobremesa (Intel Core i5-3470, 8GB de RAM, Disco HDD de 500GB, Lector DVD, Windows 10 PRO ES 64) - Negro (Reacondicionado)
(752)
Huawei Matebook D15 - Ordenador Portátil de 15.6'' FullHD (AMD Ryzen 5 3500u, Multi-Screen Collaboration, 8GB RAM, 256GB SSD. Windows 10 Home), Mystic Silver, Teclado Qwerty Español
(132)
HUAWEI 4G Mobile WiFi - Mobile WiFi 4G LTE (CAT4) Piunto de Acceso, Velocidad de Descarga de hasta 150Mbps, Batería Recargable de 1500mAh, No se Requiere configuración, Wi-Fi portátil
(4036)
SanDisk Memoria Flash USB 128 GB para tu smartphone Android - Ultra Dual DriveType-C - USB 3.1, Black (SDDDC2-128G-G46)
(20816)
Acer Aspire 3 A315-56 - Ordenador Portátil 15.6" FullHD (Intel Core i5-1035G1, 12GB RAM, 512GB SSD, Tarjeta gráfica integrada UMA, Windows 10 Home), Color Negro - Teclado Qwerty Español
(247)
Samsung Galaxy Tab A - Tablet de 10.1" FullHD (Wifi, Procesador Octa-core, 2 GB de RAM, 32 GB de almacenamiento, Android actualizable) Negro
(1525)