Menolak untuk menerapkan gaya “karena tipe MIME-nya ('teks / html') bukan tipe MIME stylesheet yang didukung”

27

Tiba-tiba CSS tidak dimuat di panel admin Magento 2 saya. Frontend berfungsi dengan baik.

Rincian kesalahan:

  1. "Menolak untuk menerapkan gaya dari ' https://www.ornativa.com/pub/static/version1502029409/adminhtml/Magento/backend/en_US/css/styles-old ...' karena jenis MIME-nya ('teks / html' ) bukan tipe stylesheet MIME yang didukung, dan pemeriksaan ketat MIME diaktifkan. "

  2. "Uncaught SyntaxError: Token tak terduga <di JSON di posisi 0 di JSON.parse () di callback ((indeks): 68) di Object.execCb (memerlukan.js: 1650) di Module.check (memerlukan.js: 866) di Modul. (Require.js: 1113) di require.js: 132 di require.js: 1156 di masing-masing (require.js: 57) di Module.emit (require.js: 1155) di Module.check (membutuhkan.js: 917) "masukkan deskripsi gambar di sini

Nabarun006
sumber
apa saja yang dilakukan dengan file server atau .htaccess?
Shyam Krishna Sreekumar
1
Masalah yang sama yang saya hadapi
ren
1
Apakah Anda menyelesaikan masalah Anda?
zus
ini dapat membantu magento.stackexchange.com/questions/121312/...
Surya prakash Patel
Saya punya masalah ini sekarang, tapi itu karena menunjukkan modul yang salah dalam tata letak / default.xml di mana saya mereferensikan ini, memperbaikinya dan ini diperbaiki
Barry

Jawaban:

17

Baru-baru ini memiliki masalah yang sangat mirip dengan situs Magento 2. Berhasil melacak masalah ke file .htaccess yang sangat penting yang hilang di folder pub / statis di server.

Tidak jelas bagaimana file ini dihapus secara misterius tetapi menambahkan kembali file ini dari instalasi Magento 2 yang bersih memperbaiki masalah ini.

Aaron O'Neill
sumber
13

Masalah ini disebabkan karena masalah izin pada file statis.

Untuk memperbaiki masalah ini,

1) Buka path file pub/static/

2) Periksa apakah .htaccessfile tersedia (file tersembunyi - Tekan cntrl + H untuk melihatnya).

3) Jika tidak tersedia, berdasarkan versi Magento dapatkan .htaccessfile di jalur file pub/static/dan pindah ke server Anda.

4) Akhirnya, bersihkan browser dan cache Magento Anda dan periksa.

Sathishkumar
sumber
Saya tidak memeriksa file htaccess: D sempurna! :)
alexey boltynov
9

Saya memiliki masalah yang sama pagi ini. Saya memperbarui templat email Penjualan , lalu tiba-tiba halaman admin berhenti berfungsi.

Masalahnya terpecahkan ketika saya menggunakan kembali aset untuk halaman admin.

Saya menjalankan perintah ini:

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

Mungkin, CSS harus digunakan kembali kapan pun templat email Penjualan diperbarui.

Yas Nakano
sumber
Bisakah Anda jelaskan apa yang gruntdilakukan perintah? Saat ini saya tidak menggunakannya. Terima kasih!
Joshua Flood
1
@JoshuaFlood mungkin tautan ini dapat membantu Anda dan orang lain .. devdocs.magento.com/guides/v2.0/frontend-dev-guide/css-topics/…
fudu
1
@JoshuaFlood grunt hanyalah cara untuk mengotomatiskan tugas yang berulang seperti dalam kasus ini kompilasi lebih sedikit file ke css, tetapi Anda dapat membahas seluruh proyek tanpa menggunakan grunt, dalam kasus saya menggunakan kompas untuk kompilasi sass
medmek
Terima kasih kawan! Walaupun saya tidak yakin bahwa saya ingin merusak terlalu banyak dengan sistem magento sekarang karena saya hampir selesai mengatur lingkungan produksi saya dan saya sudah membaca bahwa Magento tidak akan lagi mendukung KURANG dalam waktu dekat, jadi saya ' Saya akan menunggu sampai mereka punya tindakan bersama. Harus bermain-main di beberapa titik.
Joshua Flood
3

aktifkan rewrite_module dari apache

Chandra Prakash Gupta
sumber
Maksud Anda: apache httpd.conf baris: LoadModule rewrite_module modules / mod_rewrite.so
Permata
3

Jika Anda dalam mode produksi, masukkan perintah ini

setup bin / magento: static-content: deploy

Jika Anda dalam mode pengembang, masukkan perintah ini secara berurutan

1- grunt exec 2- grunt less

Marcel Al Mutawa
sumber
3

Habiskan sekitar satu jam mencari solusi untuk masalah ini ...

Saya punya Magento ver segar . Instalasi 2.2.6 dan memiliki masalah yang sama. Tidak ada jawaban saat ini di sini yang berfungsi untuk saya. Akhirnya sederhana:

php bin/magento cache:flush

memperbaiki masalah saya.

Saya berharap hal di atas akan datang untuk menyelamatkan jika semua tips lainnya gagal.

Greg
sumber
1
Terima kasih. Menunggu saya juga di 2.3.2
Abdel Karim Mateos Sanchez
2

Saya juga punya masalah yang sama,

Apa yang saya lakukan adalah mengubah nama .htaccess pada direktori root dan / pub. itu memperbaiki masalah saya.

Anda juga dapat mengganti .htaccess dengan ini

############################################
## 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
Takdir Alabi
sumber
Terima kasih atas jawaban ini berhasil.
Chirag Gondaliya
1

Saya memiliki masalah ini baru-baru ini dan tidak dapat menemukan apa yang menyebabkannya sama sekali.

Itu sampai saya memeriksa debug.log- ternyata kesalahan sintaks di file KURANG kustom tema saya. (Dalam kasus saya, saya telah menambahkan braket tambahan di suatu tempat).

  • Saya memperbaiki kesalahan
  • Menyebarkan file statis lagi
  • Membersihkan dan membersihkan cache

Saya menyegarkan halaman lagi dan tema sedang diproses dengan benar.

Saya tidak yakin mengapa Magento melempar goyangan - itu bisa jadi merupakan pengaturan situs saya, tapi hei - itu menyelesaikannya sehingga saya tahu untuk waktu berikutnya!

Semoga ini bisa membantu orang lain :)

Thomas Harding
sumber
1

Untuk menghilangkan kesalahan ini, saya menghapus cuplikan CSS dari

Panel Admin> Desain> Konfigurasi> Pilih Tema> Bagian Kepala HTML> Skrip dan Style Sheets

Maka Anda bisa melanjutkan. Karena file itu tidak akan pernah digunakan di magento :)

Shahzad Ahmed
sumber
0

Anda perlu menambahkan tema Anda di file itu: dev / tools / grunt / configs / themes.js

Aurélien
sumber
0

Dalam kasus saya, masalah ini muncul setelah saya menghapus lebih sedikit variabel yang masih digunakan dalam file yang lebih sedikit.

Oleh karena itu Magento tidak menyelesaikan kompilasi css yang menghasilkan respons server lain seperti yang diharapkan.

EssGee
sumber
0

Jika (karena alasan tertentu) Anda menggunakan tema dari Venustheme , file CSS tidak akan dibuat selama penyebaran konten. Ada kesalahan di Chrome tentang tipe MIME yang tidak didukung, tetapi ketika Anda memeriksa FTP file bahkan tidak ada.

Untuk memperbaikinya buka:

Venustheme -> Customization -> and click Save Config

Bersihkan cache setelah itu dan itu akan baik-baik saja.

Rick
sumber
0

masalah yang sama saya baru saja hari ini. Apa pun yang telah saya lakukan saya tidak bisa menyelesaikannya. Saya tidak dapat menghubungi admin karena CSS tidak memuat ...

Saya tahu dari informasi halaman Google, itr tidak dapat menemukan file css di bawah / pub / statis. Saya memeriksa file .htaccess untuk semua direktori, semuanya baik-baik saja.

Saya melihat sedang mencari file .css tapi saya memeriksa kemudian dengan explorer file cpanel, tempat itu saya punya .min.css.

JADI Saya mengerti ini karena pengaturan minifikasi di admin untuk CSS dan JS.

Sebelum saya memeriksa semua untuk YA untuk penggabungan dan minifikasi JSS dan CSS.

Karena saya tidak dapat mencapai admin, saya membuka phpMyadmin dan menemukan tabel core_config_data dan membuat pencarian PATH =% LIKE% css dan kemudian js dan membuat minifikasi dan menggabungkan set ke "0" kembali.

maka saya buat lagi:

  • bin / magento s: d: c

  • setup bin / magento: static-content deploy -f (tr_TR untuk bahasa saya)

  • bin / magento c: f

  • bin / magento c: c

semuanya baik-baik saja dan masalah ini teratasi untuk saya ...

semoga ini membantu seseorang menghadapi kasus yang sama seperti saya ...

Savaş Erdem Çalışkan
sumber
0

Saya menghadapi kesalahan yang sama dalam pengaturan lokal saya. Jadi saya mencoba

  1. mendengus bersih;
  2. setup bin / magento: static-content: deploy -f

Pada saat penyebaran konten statis saya mengetahui bahwa ada beberapa tugas variabel yang salah di _theme.less. Saya memperbaikinya dan kembali berlari

  1. mendengus bersih;
  2. setup bin / magento: static-content: deploy -f

Ini memperbaiki masalah saya.

Vaghela Shrikant
sumber
-2

Masalah saya adalah izin pemilik, beberapa file dipindahkan dari akun saya di akun root.

Setelah melihat ada banyak file yang harus diubah, saya hanya mengubah seluruh folder www karena saya hanya memiliki satu magento

chown yourusername:yourusername -R /home/<yourusername>/www/*
George Dobre
sumber
Jawaban ini sangat tergantung pada izin pengguna / file apa yang dijalankan oleh server Anda. Jawaban ini paling sering akan merusak instalasi di mana server berjalan di bawah www-data.
Pathfinder