ปฏิเสธที่จะใช้สไตล์“ เพราะประเภท MIME ('text / html') ไม่ใช่สไตล์ชีท MIME ที่รองรับ”


27

ทันใดนั้น CSS ไม่โหลดบนแผง admin Magento 2 ของฉัน ส่วนหน้าทำงานได้ดี

รายละเอียดผิดพลาด:

  1. "ปฏิเสธที่จะใช้สไตล์จาก ' https://www.ornativa.com/pub/static/version1502029409/adminhtml/Magento/backend/en_US/css/styles-old ... ' เพราะประเภท MIME ('ข้อความ / html' ) ไม่ใช่สไตล์แผ่นชีทที่รองรับ MIME และการตรวจสอบ MIME ที่เข้มงวดนั้นเปิดใช้งานอยู่ "

  2. "Uncaught SyntaxError: โทเค็นที่ไม่คาดคิด <ใน JSON ที่ตำแหน่ง 0 ที่ JSON.parse () ที่ callback ((ดัชนี): 68) ที่ Object.execCb (require.js: 1650) ที่ Module.check (require.js: 866) ที่ Module. (require.js: 1113) ที่ require.js: 132 ที่ require.js: 1156 ที่แต่ละ (require.js: 57) ที่ Module.emit (require.js: 1155) ที่ Module.check (require.js: 917)"ป้อนคำอธิบายรูปภาพที่นี่


ทำอะไรกับไฟล์เซิร์ฟเวอร์หรือ. htaccess
Shyam Krishna Sreekumar

1
ปัญหาเดียวกันฉันกำลังเผชิญ
ren

1
คุณแก้ปัญหาของคุณหรือไม่
ZUS

สิ่งนี้อาจช่วยmagento.stackexchange.com/questions/121312/ …
Surya prakash Patel

ฉันมีปัญหานี้ในตอนนี้ แต่มันเป็นเพราะการระบุโมดูลที่ไม่ถูกต้องในรูปแบบ / default.xml ที่ฉันอ้างถึงนี้แก้ไขว่าและสิ่งนี้ได้รับการแก้ไข
Barry

คำตอบ:


17

เมื่อเร็ว ๆ นี้มีปัญหาคล้ายกันมากกับเว็บไซต์ Magento 2 จัดการเพื่อติดตามปัญหาไปยังไฟล์. htaccess ที่สำคัญมากที่หายไปในโฟลเดอร์ pub / static บนเซิร์ฟเวอร์

มันไม่ชัดเจนว่าไฟล์นี้ถูกลบอย่างลึกลับอย่างไร แต่การเพิ่มไฟล์นี้ใหม่จากการติดตั้ง Magento 2 ที่สะอาดช่วยแก้ไขปัญหานี้ได้


13

ปัญหาเกิดขึ้นเนื่องจากปัญหาการอนุญาตในไฟล์สแตติก

เพื่อแก้ไขปัญหานี้

1) ไปที่ไฟล์พา ธ pub/static/

2) ตรวจสอบว่า.htaccessไฟล์พร้อมใช้งานหรือไม่ (ไฟล์ซ่อน - กด cntrl + H เพื่อดู)

3) หากไม่มีให้เลือกตามเวอร์ชันของ Magento รับ.htaccessไฟล์ในเส้นทางของไฟล์pub/static/และย้ายไปยังเซิร์ฟเวอร์ของคุณ

4) สุดท้ายล้างเบราว์เซอร์และ Magento แคชและตรวจสอบ


ฉันไม่ตรวจสอบไฟล์ htaccess: D สมบูรณ์แบบ! :)
alexey boltynov

9

ฉันมีปัญหาเดียวกันเช้านี้ ฉันอัปเดตเทมเพลตอีเมลการขายจากนั้นหน้าผู้ดูแลระบบก็หยุดทำงาน

ปัญหาได้รับการแก้ไขเมื่อฉันปรับใช้สินทรัพย์อีกครั้งสำหรับหน้าผู้ดูแลระบบ

ฉันรันคำสั่งเหล่านี้:

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

อาจต้องปรับใช้ CSS ใหม่ทุกครั้งที่มีการอัปเดตแม่แบบอีเมลการขาย


คุณช่วยอธิบายgruntคำสั่งได้อย่างไร ปัจจุบันฉันไม่ได้ใช้มัน ขอบคุณ!
Joshua Flood

1
@JoshuaFlood อาจเชื่อมโยงนี้จะช่วยให้คุณและคนอื่น ๆ .. devdocs.magento.com/guides/v2.0/frontend-dev-guide/css-topics/...
Fudu

1
@JoshuaFlood grunt เป็นเพียงวิธีการทำงานที่เกิดซ้ำโดยอัตโนมัติเช่นในกรณีนี้รวบรวมไฟล์น้อยลงใน css แต่คุณสามารถไปทั่วทั้งโครงการโดยไม่ต้องใช้เสียงฮึดฮัดในกรณีของฉันใช้เข็มทิศสำหรับการรวบรวม sass
medmek

ขอบคุณเพื่อน! แม้ว่าฉันไม่แน่ใจว่าฉันต้องการยุ่งเกี่ยวกับระบบวีโอไอพีมากเกินไปในขณะนี้เนื่องจากฉันเกือบจะตั้งค่าสภาพแวดล้อมการผลิตของฉันและฉันได้อ่านว่า Magento จะไม่สนับสนุน LESS อีกต่อไปในอนาคตอันใกล้ดังนั้นฉันจึง จะรอจนกว่าพวกเขาจะได้ทำหน้าที่ร่วมกัน จะต้องเล่นรอบ ๆ ในบางจุด
น้ำท่วมโจชัว


3

หากคุณอยู่ในโหมดการผลิตให้ป้อนคำสั่งนี้

การตั้งค่า bin / magento: เนื้อหาคงที่: ปรับใช้

หากคุณอยู่ในโหมดนักพัฒนาให้ป้อนคำสั่งเหล่านี้ตามลำดับ

1- grunt exec 2- grunt น้อยกว่า


3

ใช้เวลาประมาณหนึ่งชั่วโมงเพื่อหาทางแก้ไขปัญหานี้ ...

ฉันมีวีโอไอพีที่สดใหม่ 2.2.6การติดตั้งและมีปัญหาเดียวกัน ไม่มีคำตอบสำหรับฉันที่นี่ในขณะนี้ ในที่สุดง่าย ๆ :

php bin/magento cache:flush

แก้ไขปัญหาของฉัน

ฉันหวังว่าข้างต้นจะมาช่วยถ้าเคล็ดลับอื่น ๆ ล้มเหลว


1
ขอบคุณ กำลังหาฉันด้วยเช่นกันใน 2.3.2
Abdel Karim Mateos Sanchez

2

ฉันยังมีปัญหาเดียวกัน

สิ่งที่ฉันทำคือเปลี่ยนชื่อ. htaccess ทั้งในไดเรกทอรีรากและ / pub directory มันแก้ไขปัญหาของฉัน

นอกจากนี้คุณสามารถแทนที่. htaccess ด้วยสิ่งนี้

############################################
## 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

ขอบคุณสำหรับคำตอบนี้ใช้งานได้
Chirag Gondaliya

1

ฉันมีปัญหานี้เมื่อเร็ว ๆ นี้และไม่พบสิ่งที่เป็นสาเหตุเลย

จนกระทั่งฉันตรวจสอบdebug.log- มันกลายเป็นข้อผิดพลาดทางไวยากรณ์ในไฟล์ LESS ที่กำหนดเองของธีมของฉัน (ในกรณีของฉันฉันจะเพิ่มวงเล็บพิเศษที่ใดที่หนึ่ง)

  • ฉันแก้ไขข้อผิดพลาด
  • ปรับใช้ไฟล์คงที่อีกครั้ง
  • ทำความสะอาดและล้างแคช

ฉันรีเฟรชหน้าอีกครั้งและธีมประมวลผลอย่างถูกต้อง

ฉันไม่แน่ใจว่าทำไมวีโอไอพีโยนตัวโมโหมากกว่านั้น - อาจเป็นการตั้งค่าไซต์ของฉัน แต่เฮ้ - มันแก้ไขมันเพื่อให้ฉันรู้ในครั้งต่อไป!

หวังว่านี่จะช่วยผู้อื่น :)



1

เพื่อกำจัดข้อผิดพลาดนี้ฉันได้ลบตัวอย่าง CSS ออก

แผงผู้ดูแลระบบ> การออกแบบ> การกำหนดค่า> เลือกธีม> ส่วนหัว HTML> สคริปต์และสไตล์ชีท

จากนั้นคุณสามารถดำเนินการต่อ เนื่องจากไฟล์นั้นจะไม่ถูกใช้ใน magento :)



0

ในกรณีของฉันปัญหานี้ปรากฏขึ้นหลังจากที่ฉันลบตัวแปรน้อยซึ่งยังคงใช้ในไฟล์อื่น ๆ น้อย

ดังนั้นวีโอไอพีจึงไม่สามารถรวบรวม css ได้ซึ่งทำให้เซิร์ฟเวอร์อื่นตอบสนองได้ตามที่คาดหวัง


0

หาก (ด้วยเหตุผลบางอย่าง) คุณกำลังใช้ธีมจาก Venusthemeไฟล์ CSS จะไม่ถูกสร้างขึ้นในระหว่างการปรับใช้เนื้อหา มีข้อผิดพลาดใน Chrome เกี่ยวกับประเภท MIME ที่ไม่รองรับ แต่เมื่อคุณตรวจสอบ FTP ไฟล์จะไม่มีอยู่

หากต้องการแก้ไขให้ไปที่:

Venustheme -> Customization -> and click Save Config

ล้างแคชหลังจากนั้นและจะใช้ได้


0

ปัญหาเดียวกันฉันเพิ่งมีวันนี้ สิ่งที่ฉันทำฉันไม่สามารถแก้ไขได้ ฉันไม่สามารถเข้าถึงผู้ดูแลระบบเนื่องจาก CSS ไม่โหลด ...

ฉันคิดออกจากข้อมูลหน้า Google มันไม่สามารถหาไฟล์ CSS ภายใต้ / pub / static ฉันตรวจสอบไฟล์. htaccess สำหรับไดเรกทอรีทั้งหมดทั้งหมดก็ใช้ได้

ฉันเห็นว่ามันกำลังค้นหาไฟล์. css แต่ฉันตรวจสอบแล้วด้วย cpanel file explorer ที่นั่นฉันมี. min.css

ดังนั้นฉันเข้าใจว่านี่เป็นเพราะการตั้งค่าการลดขนาดในผู้ดูแลระบบสำหรับ CSS และ JS

ก่อนที่ฉันจะตรวจสอบทั้งหมดเป็น YES สำหรับ JSS และ CSS ผสานและการลดขนาด

เนื่องจากฉันไม่สามารถเข้าถึงผู้ดูแลระบบได้ฉันเปิดphpMyadminและค้นหาตารางcore_config_dataและทำการค้นหาPATH =% LIKE% css จากนั้น js และทำการตั้งค่าการลดขนาดและการผสานเป็น "0" ด้านหลัง

จากนั้นฉันทำอีกครั้ง:

  • bin / magento s: d: c

  • การตั้งค่า bin / magento: การปรับใช้เนื้อหาคงที่ -f (tr_TR สำหรับภาษาของฉัน)

  • ถังขยะ / วีโอไอพี c: f

  • ถังขยะ / วีโอไอพี c: c

ทุกอย่างเรียบร้อยและปัญหานี้แก้ไขได้สำหรับฉัน ...

หวังว่านี่จะช่วยให้ใครบางคนเผชิญกรณีเดียวกันเช่นฉัน


0

ฉันพบข้อผิดพลาดเดียวกันในการตั้งค่าท้องถิ่นของฉัน ดังนั้นฉันจึงพยายาม

  1. เสียงฮึดฮัดสะอาด
  2. การตั้งค่า bin / magento: เนื้อหาคงที่: deploy -f

ในช่วงเวลาของการปรับใช้เนื้อหาแบบคงที่ฉันรู้ว่ามีการกำหนดตัวแปรผิดใน _theme.less ฉันแก้ไขแล้วและวิ่งอีกครั้ง

  1. เสียงฮึดฮัดสะอาด
  2. การตั้งค่า bin / magento: เนื้อหาคงที่: deploy -f

นี่เป็นการแก้ไขปัญหาของฉัน


-2

ปัญหาของฉันคือการอนุญาตจากเจ้าของไฟล์บางไฟล์ถูกเปลี่ยนจากบัญชีของฉันในบัญชีรูท

หลังจากเห็นว่ามีไฟล์มากมายที่จะเปลี่ยนฉันเพิ่งเปลี่ยนไปสำหรับโฟลเดอร์ www ทั้งหมดเนื่องจากฉันมีวีโอไอพีเพียงอันเดียว

chown yourusername:yourusername -R /home/<yourusername>/www/*

คำตอบนี้ขึ้นอยู่กับการอนุญาตของผู้ใช้ / ไฟล์ที่เซิร์ฟเวอร์ของคุณทำงาน คำตอบนี้ส่วนใหญ่แล้วจะไม่ทำลายการติดตั้งที่เซิร์ฟเวอร์ทำงานภายใต้ www-data
ผู้เบิกทาง
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.