Odmówiono zastosowania stylu „ponieważ jego typ MIME („ text / html ”) nie jest obsługiwanym typem arkusza stylów MIME”

27

Nagle CSS nie ładuje się w moim panelu administracyjnym Magento 2. Frontend działa dobrze.

Szczegóły błędu:

  1. „Odmówiono zastosowania stylu z„ https://www.ornativa.com/pub/static/version1502029409/adminhtml/Magento/backend/en_US/css/styles-old ... ”, ponieważ jest to typ MIME („ text / html ” ) nie jest obsługiwanym typem MIME arkusza stylów, a ścisłe sprawdzanie MIME jest włączone. ”

  2. „Nieprzechwycony błąd składni: nieoczekiwany token <w JSON w pozycji 0 w JSON.parse () w wywołaniu zwrotnym ((indeks): 68) w Object.execCb (wymagany.js: 1650) w Module.check (wymagany.js: 866) w Moduł. (Wymagane.js: 1113) w Wymagane.js: 132 w Wymagane.js: 1156 Każde (Wymagane.js: 57) w Module.emit (Wymagane.js: 1155) w Module.check (Wymagane.js: 917) ”wprowadź opis zdjęcia tutaj

Nabarun006
źródło
cokolwiek zrobiono z plikiem serwera lub .htaccess?
Shyam Krishna Sreekumar
1
Ten sam problem, przed którym stoję
ren
1
Czy rozwiązałeś problem?
zus
to może pomóc magento.stackexchange.com/questions/121312/…
Surya prakash Patel
Właśnie miałem ten problem, ale było to spowodowane wskazaniem niewłaściwego modułu w układzie / default.xml, do którego się odwoływałem, naprawiłem to i to zostało naprawione
Barry

Odpowiedzi:

17

Ostatnio miałem bardzo podobny problem ze stroną Magento 2. Udało się namierzyć problem do bardzo ważnego brakującego pliku .htaccess w folderze pub / static na serwerze.

Nie jest jasne, w jaki sposób ten plik został tajemniczo usunięty, ale ponowne dodanie tego pliku z czystej instalacji Magento 2 rozwiązało problem.

Aaron O'Neill
źródło
13

Przyczyną problemu jest problem z uprawnieniami do plików statycznych.

Aby rozwiązać ten problem,

1) Przejdź do ścieżki pliku pub/static/

2) Sprawdź, czy .htaccessplik jest dostępny (plik ukryty - naciśnij cntrl + H, aby go wyświetlić).

3) Jeśli nie jest dostępny, na podstawie wersji Magento pobierz .htaccess plik do ścieżki pliku pub/static/i przenieś na swój serwer.

4) Na koniec wyczyść pamięć podręczną przeglądarki i Magento i sprawdź ją.

Sathishkumar
źródło
Nie sprawdzam pliku htaccess: D idealnie! :)
alexey boltynov
9

Miałem ten sam problem dziś rano. Zaktualizowałem szablony e-mail sprzedażowych , a potem nagle strony administracyjne przestały działać.

Problem został rozwiązany, gdy ponownie wdrożyłem zasoby dla stron administracyjnych.

Uruchamiam następujące polecenia:

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

Być może CSS musi zostać ponownie wdrożony przy każdej aktualizacji szablonów e-mail dotyczących sprzedaży .

Yas Nakano
źródło
Czy możesz wyjaśnić, co gruntrobią polecenia? Obecnie go nie używam. Dzięki!
Joshua Flood
1
@JoshuaFlood może ten link może pomóc tobie i innym .. devdocs.magento.com/guides/v2.0/frontend-dev-guide/css-topics/…
fudu
1
@JoshuaFlood grunt to tylko sposób na zautomatyzowanie powtarzających się zadań, takich jak w tym przypadku kompilowanie mniejszego pliku do css, ale możesz przejść cały projekt bez użycia pomruku, w moim przypadku użyłem kompasu do kompilacji sass
medmek
Dzięki chłopaki! Chociaż nie jestem pewien, czy chcę za bardzo manipulować systemem Magento, ponieważ prawie skończyłem konfigurować środowisko produkcyjne i przeczytałem, że Magento nie będzie już obsługiwać MNIEJ w najbliższej przyszłości, więc „ Poczekam, aż wspólnie się dogadają. W pewnym momencie będziesz musiał się pobawić.
Joshua Flood
3

włącz rewrite_module apache

Chandra Prakash Gupta
źródło
Masz na myśli: apache httpd.conf wiersz: LoadModule rewrite_module moduły / mod_rewrite.so
Gem
3

Jeśli jesteś w trybie produkcyjnym, wprowadź to polecenie

Konfiguracja bin / magento: zawartość statyczna: wdrażanie

Jeśli jesteś w trybie programisty, wpisz te polecenia w kolejności

1- chrząknięcie exec 2- chrząkanie mniej

Marcel Al Mutawa
źródło
3

Poświęć około godziny na znalezienie rozwiązania tego problemu ...

Miałem świeżą wersję Magento. 2.2.6 instalacji i miał ten sam problem. Żadna z obecnie dostępnych odpowiedzi nie działała dla mnie. Wreszcie prosty:

php bin/magento cache:flush

naprawiono mój problem.

Mam nadzieję, że powyższe przyjdzie na ratunek, jeśli wszystkie inne wskazówki zawiodą.

Greg
źródło
1
dzięki. Praca dla mnie również w 2.3.2
Abdel Karim Mateos Sanchez
2

Miałem również ten sam problem,

Zmieniłem nazwę .htaccess zarówno w katalogu głównym, jak i / pub. naprawiło mój problem.

Możesz także zastąpić .htaccess tym

############################################
## 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
Przeznaczenie Alabi
źródło
Dziękuję za tę odpowiedź, to działa.
Chirag Gondaliya
1

Ostatnio miałem ten problem i nie mogłem znaleźć przyczyny tego.

Tak było, dopóki nie sprawdziłem debug.log- okazał się to błąd składniowy w niestandardowym pliku LESS mojego motywu. (W moim przypadku dodałem gdzieś dodatkowy wspornik).

  • Naprawiłem błąd
  • Ponownie wdrożono pliki statyczne
  • Wyczyściłem i opróżniłem pamięć podręczną

Odświeżyłem stronę ponownie i motyw był przetwarzany poprawnie.

Nie jestem pewien, dlaczego Magento rzucił wobler na to - może to być konfiguracja mojej strony, ale hej - to rozwiązało, więc wiem, że następnym razem!

Mam nadzieję, że to pomaga innym :)

Thomas Harding
źródło
1

Aby pozbyć się tego błędu, usunąłem fragment kodu CSS

Panel administracyjny> Projekt> Konfiguracja> Wybierz motyw> Sekcja nagłówka HTML> Skrypty i arkusze stylów

Następnie możesz kontynuować. Ponieważ ten plik nigdy nie będzie używany w Magento :)

Shahzad Ahmed
źródło
0

Musisz dodać swój motyw do tego pliku: dev / tools / grunt / configs / themes.js

Aurélien
źródło
0

W moim przypadku problem pojawił się po usunięciu mniejszej zmiennej, która była nadal używana w innych mniejszych plikach.

Dlatego Magento nie ukończył kompilacji css, co skutkuje kolejną odpowiedzią serwera zgodnie z oczekiwaniami.

EssGee
źródło
0

Jeśli (z jakiegoś powodu) używasz motywu z Venustheme plik CSS nie jest tworzony podczas wdrażania zawartości. W Chrome występuje błąd dotyczący nieobsługiwanych typów MIME, ale po sprawdzeniu na FTP plik nawet nie istnieje.

Aby to naprawić, przejdź do:

Venustheme -> Customization -> and click Save Config

Wyczyść pamięć podręczną i będzie dobrze.

Stóg
źródło
0

ten sam problem, który miałem dzisiaj. Cokolwiek zrobiłem, nie mogłem rozwiązać. Nie mogłem skontaktować się z administratorem, ponieważ CSS nie ładował się ...

Dowiedziałem się z informacji o stronie Google, itr nie może znaleźć plików css pod / pub / static. Sprawdziłem pliki .htaccess dla wszystkich katalogów, wszystko było w porządku.

Widziałem, że szuka plików .css, ale sprawdziłem w Eksploratorze plików cpanel, w tym miejscu mam .min.css.

Więc rozumiem, że dzieje się tak z powodu ustawienia minimalizacji w admin dla CSS i JS.

Zanim sprawdziłem wszystko w YES pod kątem scalania i minimalizacji JSS i CSS.

Ponieważ nie mogłem skontaktować się z administratorem, otworzyłem phpMyadmin i znajduję tabelę core_config_data i ustawiam PATH wyszukiwania =% LIKE% css, a następnie js i ustawiam minimalizację i scalanie na „0” z powrotem.

potem robię ponownie:

  • bin / magento s: d: c

  • bin / magento setup: static-content deploy -f (tr_TR dla mojego języka)

  • bin / magento c: f

  • bin / magento c: c

wszystko jest w porządku i ten problem został dla mnie rozwiązany ...

mam nadzieję, że to pomoże komuś, kto ma taką samą sprawę jak ja ...

Savaş Erdem Çalışkan
źródło
0

W mojej konfiguracji lokalnej wystąpił ten sam błąd. Więc próbowałem

  1. chrząkać czysto;
  2. bin / magento setup: static-content: deploy -f

W momencie wdrażania zawartości statycznej dowiaduję się, że w _theme.less jest jakieś nieprawidłowe przypisanie zmiennej. Naprawiłem to i znów pobiegłem

  1. chrząkać czysto;
  2. bin / magento setup: static-content: deploy -f

To naprawiło mój problem.

Shrikant Vaghela
źródło
-2

Moim problemem były uprawnienia właściciela, niektóre pliki zostały przeniesione z mojego konta na koncie root.

Po obejrzeniu wielu plików do zmiany, właśnie zmieniłem cały folder www, ponieważ mam tylko jedno magento

chown yourusername:yourusername -R /home/<yourusername>/www/*
George Dobre
źródło
Ta odpowiedź jest bardzo zależna od uprawnień użytkownika / pliku, na których działa serwer. Te odpowiedzi najczęściej niszczą instalacje tam, gdzie serwer działa pod danymi www.
Pathfinder