Se negó a aplicar estilo "porque su tipo MIME ('text / html') no es un tipo MIME de hoja de estilo compatible"

27

De repente, CSS no se carga en mi panel de administración de Magento 2. La interfaz está funcionando bien.

Error de detalles:

  1. "Se negó a aplicar el estilo de ' https://www.ornativa.com/pub/static/version1502029409/adminhtml/Magento/backend/en_US/css/styles-old ...' porque su tipo MIME ('text / html' ) no es un tipo MIME de hoja de estilo compatible, y la comprobación estricta de MIME está habilitada ".

  2. "Error de sintaxis no capturado: token inesperado <en JSON en la posición 0 en JSON.parse () en la devolución de llamada ((índice): 68) en Object.execCb (require.js: 1650) en Module.check (require.js: 866) en Módulo. (Require.js: 1113) en require.js: 132 en require.js: 1156 en cada uno (require.js: 57) en Module.emit (require.js: 1155) en Module.check (require.js: 917) "ingrese la descripción de la imagen aquí

Nabarun006
fuente
¿Algo hecho con el servidor o el archivo .htaccess?
Shyam Krishna Sreekumar
1
Mismo problema al que me enfrento
ren
1
¿Resolviste tu problema?
zus
esto puede ayudar a magento.stackexchange.com/questions/121312/…
Surya prakash Patel
Tuve este problema en este momento, pero se debió a indicar el módulo incorrecto en el diseño / default.xml donde estaba haciendo referencia a esto, lo solucioné y esto se solucionó
Barry

Respuestas:

17

Recientemente tuve un problema muy similar con un sitio Magento 2. Se logró rastrear el problema hasta un archivo .htaccess muy importante que falta en la carpeta pub / static en el servidor.

No está claro cómo se eliminó misteriosamente este archivo, pero volver a agregar este archivo desde una instalación limpia de Magento 2 solucionó el problema.

Aaron O'Neill
fuente
13

El problema se debe al problema de permisos en los archivos estáticos.

Para solucionar este problema,

1) Ir a la ruta del archivo pub/static/

2) Compruebe si .htaccess archivo está disponible (archivo oculto - Presione cntrl + H para verlo).

3) Si no está disponible, según la versión de Magento, obtenga el .htaccessarchivo en la ruta del archivopub/static/ y muévalo a su servidor.

4) Finalmente, borre su navegador y caché de Magento y verifíquelo.

Sathishkumar
fuente
No reviso el archivo htaccess: D perfecto! :)
alexey boltynov
9

Tuve el mismo problema esta mañana. He actualizado las plantillas de correo electrónico de ventas , entonces las páginas repente administración dejó de funcionar.

El problema se resolvió cuando volví a implementar los activos para las páginas de administración.

Ejecuto estos comandos:

  1. grunt clean; grunt exec; grunt less
  2. bin/magento setup:static-content:deploy -f -s standard
  3. bin/magento cache:clean

Tal vez, el CSS tiene que volver a implementarse cada vez que se actualizan las plantillas de correo electrónico de ventas .

Yas Nakano
fuente
¿Podría explicar qué hacen los gruntcomandos? Actualmente no lo uso. ¡Gracias!
Joshua Flood
1
@JoshuaFlood tal vez este enlace pueda ayudarlo a usted y a los demás ... devdocs.magento.com/guides/v2.0/frontend-dev-guide/css-topics/…
fudu
1
@JoshuaFlood grunt es solo una forma de automatizar tareas recurrentes, como en este caso compilar menos archivos en css, pero podría repasar un proyecto completo sin usar grunt, en mi caso usé la brújula para compilar sass
medmek
¡Gracias chicos! Aunque no estoy seguro de querer manipular demasiado el sistema magento en este momento, ya que casi termino de configurar mi entorno de producción y he leído que Magento ya no admitirá LESS en el futuro cercano, así que ' Esperaré hasta que actúen juntos. Tendrá que jugar en algún momento.
Joshua Flood
3

habilite el rewrite_module de apache

Chandra Prakash Gupta
fuente
Quieres decir: apache httpd.conf la línea: LoadModule rewrite_module modules / mod_rewrite.so
Gema
3

Si está en modo de producción, ingrese este comando

configuración bin / magento: contenido estático: desplegar

Si está en modo desarrollador, ingrese estos comandos en orden

1- gruñido ejecutivo 2- gruñido menos

Marcel Al Mutawa
fuente
3

Dedique aproximadamente una hora a buscar una solución a este problema ...

Tenía Magento ver fresco . 2.2.6 instalación y tuvo el mismo problema. Ninguna de las respuestas actualmente aquí funcionó para mí. Finalmente un simple:

php bin/magento cache:flush

arreglaron mi problema

Espero que lo anterior venga a rescatarme si todos los otros consejos fallan.

Greg
fuente
1
Gracias. Trabajando para mí también en 2.3.2
Abdel Karim Mateos Sánchez
2

También tuve el mismo problema,

Lo que hice fue renombrar el .htaccess tanto en el directorio raíz como en el directorio / pub. Se solucionó mi problema.

Además, puede reemplazar .htaccess con esto

############################################
## uncomment the line below to enable developer mode

#   SetEnv MAGE_MODE developer

############################################
## uncomment these lines for CGI mode
## make sure to specify the correct cgi php binary file name
## it might be /cgi-bin/php-cgi

#    Action php5-cgi /cgi-bin/php5-cgi
#    AddHandler php5-cgi .php

############################################
## GoDaddy specific options

#   Options -MultiViews

## you might also need to add this line to php.ini
##     cgi.fix_pathinfo = 1
## if it still doesn't work, rename php.ini to php5.ini

############################################
## this line is specific for 1and1 hosting

    #AddType x-mapp-php5 .php
    #AddHandler x-mapp-php5 .php

############################################
## default index file

    DirectoryIndex index.php

<IfModule mod_php5.c>

############################################
## adjust memory limit

    php_value memory_limit 768M
    php_value max_execution_time 18000

############################################
## disable automatic session start
## before autoload was initialized

    php_flag session.auto_start off

############################################
## enable resulting html compression

    #php_flag zlib.output_compression on

###########################################
## disable user agent verification to not break multiple image upload

    php_flag suhosin.session.cryptua off

</IfModule>

<IfModule mod_security.c>
###########################################
## disable POST processing to not break multiple image upload

    SecFilterEngine Off
    SecFilterScanPOST Off
</IfModule>

<IfModule mod_deflate.c>

############################################
## enable apache served files compression
## http://developer.yahoo.com/performance/rules.html#gzip

    # Insert filter on all content
    ###SetOutputFilter DEFLATE
    # Insert filter on selected content types only
    #AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript

    # Netscape 4.x has some problems...
    #BrowserMatch ^Mozilla/4 gzip-only-text/html

    # Netscape 4.06-4.08 have some more problems
    #BrowserMatch ^Mozilla/4\.0[678] no-gzip

    # MSIE masquerades as Netscape, but it is fine
    #BrowserMatch \bMSIE !no-gzip !gzip-only-text/html

    # Don't compress images
    #SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip dont-vary

    # Make sure proxies don't deliver the wrong content
    #Header append Vary User-Agent env=!dont-vary

</IfModule>

<IfModule mod_ssl.c>

############################################
## make HTTPS env vars available for CGI mode

    SSLOptions StdEnvVars

</IfModule>

<IfModule mod_rewrite.c>

############################################
## enable rewrites

    Options +FollowSymLinks
    RewriteEngine on

############################################
## you can put here your magento root folder
## path relative to web root

    #RewriteBase /magento/

############################################
## workaround for HTTP authorization
## in CGI environment

    RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]

############################################
## TRACE and TRACK HTTP methods disabled to prevent XSS attacks

    RewriteCond %{REQUEST_METHOD} ^TRAC[EK]
    RewriteRule .* - [L,R=405]

############################################
## redirect for mobile user agents

    #RewriteCond %{REQUEST_URI} !^/mobiledirectoryhere/.*$
    #RewriteCond %{HTTP_USER_AGENT} "android|blackberry|ipad|iphone|ipod|iemobile|opera mobile|palmos|webos|googlebot-mobile" [NC]
    #RewriteRule ^(.*)$ /mobiledirectoryhere/ [L,R=302]

############################################
## never rewrite for existing files, directories and links

    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_FILENAME} !-l

############################################
## rewrite everything else to index.php

    RewriteRule .* index.php [L]

</IfModule>


############################################
## Prevent character encoding issues from server overrides
## If you still have problems, use the second line instead

    AddDefaultCharset Off
    #AddDefaultCharset UTF-8

<IfModule mod_expires.c>

############################################
## Add default Expires header
## http://developer.yahoo.com/performance/rules.html#expires

    ExpiresDefault "access plus 1 year"
    ExpiresByType text/html A0
    ExpiresByType text/plain A0

</IfModule>

###########################################
## Deny access to root files to hide sensitive application information
    RedirectMatch 404 /\.git

    <Files composer.json>
        order allow,deny
        deny from all
    </Files>
    <Files composer.lock>
        order allow,deny
        deny from all
    </Files>
    <Files .gitignore>
        order allow,deny
        deny from all
    </Files>
    <Files .htaccess>
        order allow,deny
        deny from all
    </Files>
    <Files .htaccess.sample>
        order allow,deny
        deny from all
    </Files>
    <Files .php_cs>
        order allow,deny
        deny from all
    </Files>
    <Files .travis.yml>
        order allow,deny
        deny from all
    </Files>
    <Files CHANGELOG.md>
        order allow,deny
        deny from all
    </Files>
    <Files CONTRIBUTING.md>
        order allow,deny
        deny from all
    </Files>
    <Files CONTRIBUTOR_LICENSE_AGREEMENT.html>
        order allow,deny
        deny from all
    </Files>
    <Files COPYING.txt>
        order allow,deny
        deny from all
    </Files>
    <Files Gruntfile.js>
        order allow,deny
        deny from all
    </Files>
    <Files LICENSE.txt>
        order allow,deny
        deny from all
    </Files>
    <Files LICENSE_AFL.txt>
        order allow,deny
        deny from all
    </Files>
    <Files nginx.conf.sample>
        order allow,deny
        deny from all
    </Files>
    <Files package.json>
        order allow,deny
        deny from all
    </Files>
    <Files php.ini.sample>
        order allow,deny
        deny from all
    </Files>
    <Files README.md>
        order allow,deny
        deny from all
    </Files>

################################
## If running in cluster environment, uncomment this
## http://developer.yahoo.com/performance/rules.html#etags

    #FileETag none
Destiny Alabi
fuente
Gracias por esta respuesta, es trabajo.
Chirag Gondaliya
1

Tuve este problema recientemente y no pude encontrar la causa del problema.

Eso fue hasta que revisé el debug.log- resultó ser un error de sintaxis en el archivo MENOS personalizado de mi tema. (En mi caso, agregué un soporte adicional en alguna parte).

  • Arreglé el error
  • Implementación de archivos estáticos nuevamente
  • Limpió y enjuagó el caché

Actualicé la página nuevamente y el tema se estaba procesando correctamente.

No estoy seguro de por qué Magento arrojó un wobbler sobre eso, podría ser la configuración de mi sitio, pero bueno, lo resolvió, ¡así que lo sé para la próxima vez!

Espero que esto ayude a otros :)

Thomas Harding
fuente
1

Para deshacerme de este error, eliminé el fragmento CSS de

Panel de administración> Diseño> Configuración> Seleccionar tema> Sección de encabezado HTML> Scripts y hojas de estilo

Entonces puedes proceder. Dado que ese archivo nunca se usará en magento :)

Shahzad Ahmed
fuente
0

Debe agregar su tema en ese archivo: dev / tools / grunt / configs / themes.js

Aurélien
fuente
0

En mi caso, este problema apareció después de que eliminé una variable menos que todavía se usaba en otros archivos menos.

Por lo tanto, Magento no completó la compilación de la CSS que da como resultado otra respuesta del servidor como se esperaba.

EssGee
fuente
0

Si (por alguna razón) está utilizando un tema de Venustheme el archivo CSS no se crea durante una implementación de contenido. Hay un error en Chrome sobre los tipos MIME no compatibles, pero cuando verifica en FTP el archivo ni siquiera existe.

Para solucionarlo, vaya a:

Venustheme -> Customization -> and click Save Config

Borrar caché después de eso y estará bien.

Almiar
fuente
0

El mismo problema que tuve hoy. Lo que he hecho no lo pude resolver. No pude contactar al administrador ya que CSS no se estaba cargando ...

Descubrí la información de la página de Google, no puede encontrar los archivos css en / pub / static. Revisé los archivos .htaccess para todos los directorios, todo estaba bien.

Vi que estaba buscando archivos .css pero luego verifiqué con el explorador de archivos cpanel, ese lugar donde tengo .min.css.

Entonces, entiendo que esto se debe a la configuración de minificación en admin para CSS y JS.

Antes de marcar todo en SÍ para la fusión y minificación de JSS y CSS.

Como no pude contactar con el administrador, abrí phpMyadmin y encontré la tabla core_config_data y realicé la búsqueda PATH =% LIKE% css y luego js y realicé la minificación y fusión en "0".

entonces hago de nuevo:

  • bin / magento s: d: c

  • configuración bin / magento: despliegue de contenido estático -f (tr_TR para mi idioma)

  • bin / magento c: f

  • bin / magento c: c

todo está bien y este problema se resolvió para mí ...

Espero que esto ayude a alguien que enfrenta el mismo caso como yo ...

Savaş Erdem Çalışkan
fuente
0

Estaba enfrentando el mismo error en mi configuración local. Así que lo intenté

  1. gruñido limpio;
  2. configuración de bin / magento: contenido estático: desplegar -f

En el momento de la implementación del contenido estático, llego a saber que hay una asignación de variables incorrecta en _theme.less. Lo arreglé y volví a correr

  1. gruñido limpio;
  2. configuración de bin / magento: contenido estático: desplegar -f

Esto solucionó mi problema.

Shrikant Vaghela
fuente
-2

Mi problema eran los permisos del propietario, algunos de los archivos se cambiaron de mi cuenta en la cuenta raíz.

Después de ver que había que cambiar muchos archivos, simplemente cambié la carpeta www completa ya que solo tengo un magento

chown yourusername:yourusername -R /home/<yourusername>/www/*
George Dobre
fuente
Esta respuesta depende mucho de los permisos de usuario / archivo con los que se ejecuta su servidor. La mayoría de las veces, estas respuestas arruinarán las instalaciones donde el servidor se ejecuta bajo www-data.
Pathfinder