Почему не работает js и css после установки magento?

Question

[Алексей Воропаев]

Здравствуйте, установил Magento CE 2.2.3.
Установка прошла успешно, но не подгружаются стили, картинки и т.д.
Что пробовал:
1) Удалил файлы из /pub/static
2) Запустил php bin/magento setup:static-content:deploy(файлы появились, но проблему не решило)
3) php bin/magento cache:clean

Мой сайт: wildthread.co

Пробовал устанавливать 2 раза на живом сервере и на локальном. Каждый раз такая проблема. После установки не делал ничего, кроме пунктов выше

Server version: Apache/2.4.29 (cPanel)
Server built: Feb 28 2018 18:32:13
---
ea-php-cli Copyright 2017 cPanel, Inc.
PHP 7.0.28 (cgi-fcgi) (built: Mar 6 2018 09:28:13)

Comments

[imdeveloper]

Факт .htaccess присктатвует ?

[Алексей Воропаев]

imdeveloper, он стандартный, мне нужно что-то изменить в нём?

[game802]

Алексей Воропаев,
Попробуйте удалитьtype="text/css"



чтобы стало вот так:

<link rel="stylesheet"  media="all" href="http://wildthread.co/pub/static/version1523361682/frontend/Magento/luma/en_US/mage/calendar.css">
<link rel="stylesheet" media="all" href="http://wildthread.co/pub/static/version1523361682/frontend/Magento/luma/en_US/css/styles-m.css">
<link rel="stylesheet"  media="screen and (min-width: 768px)" href="http://wildthread.co/pub/static/version1523361682/frontend/Magento/luma/en_US/css/styles-l.css">
<link rel="stylesheet"  media="print" href="http://wildthread.co/pub/static/version1523361682/frontend/Magento/luma/en_US/css/print.css">
<link rel="icon" type="image/x-icon" href="http://wildthread.co/pub/static/version1523361682/frontend/Magento/luma/en_US/Magento_Theme/favicon.ico">
<link rel="shortcut icon" type="image/x-icon" href="http://wildthread.co/pub/static/version1523361682/frontend/Magento/luma/en_US/Magento_Theme/favicon.ico">
<script  src="http://wildthread.co/pub/static/version1523361682/frontend/Magento/luma/en_US/requirejs/require.js"></script>
<script src="http://wildthread.co/pub/static/version1523361682/frontend/Magento/luma/en_US/mage/requirejs/mixins.js"></script>
<script src="http://wildthread.co/pub/static/version1523361682/frontend/Magento/luma/en_US/requirejs-config.js"></script>

[Алексей Воропаев]

HackOwnB, не думаю, что проблема в этом. Скорее всего проблема с путями к файлам.

[game802]

Алексей Воропаев, посмотрите в консоль девтулза.. там он выводит ошибку связанную с типом загружаемых документов..

[Алексей Воропаев]

HackOwnB, эта ошибка появляется из-за того, что он пытается загрузить файл css, а получает страницу с ошибкой 404(html) и ругается, так как включена строгая типизация.

https://community.magento.com/t5/Magento-2-x-Techn...

Answer 1

[Code Keeper]

Проверь наличие .htaccess в папке pub/static а так же что модуль mod_rewrite подключен если используется apache. Если nginx то конфиг для него лежит в корне magento

Comments

[Алексей Воропаев]

.htaccess есть(стандартный, ничего не менял)
mod_rewrite проверил - подключен

.htaccess

<IfModule mod_php5.c>
php_flag engine 0
</IfModule>

<IfModule mod_php7.c>
php_flag engine 0
</IfModule>

# To avoid situation when web server automatically adds extension to path
Options -MultiViews

<IfModule mod_rewrite.c>
    RewriteEngine On

    # Remove signature of the static files that is used to overcome the browser cache
    RewriteRule ^version.+?/(.+)$ $1 [L]

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

    RewriteRule .* ../static.php?resource=$0 [L]
</IfModule>

############################################
## setting MIME types

# JavaScript
AddType application/javascript js jsonp
AddType application/json json

# HTML

AddType text/html html

# CSS
AddType text/css css

# Images and icons
AddType image/x-icon ico
AddType image/gif gif
AddType image/png png
AddType image/jpeg jpg
AddType image/jpeg jpeg

# SVG
AddType image/svg+xml svg

# Fonts
AddType application/vnd.ms-fontobject eot
AddType application/x-font-ttf ttf
AddType application/x-font-otf otf
AddType application/x-font-woff woff
AddType application/font-woff2 woff2

# Flash
AddType application/x-shockwave-flash swf

# Archives and exports
AddType application/zip gzip
AddType application/x-gzip gz gzip
AddType application/x-bzip2 bz2
AddType text/csv csv
AddType application/xml xml

<IfModule mod_headers.c>

    <FilesMatch .*\.(ico|jpg|jpeg|png|gif|svg|js|css|swf|eot|ttf|otf|woff|woff2)$>
        Header append Cache-Control public
    </FilesMatch>

    <FilesMatch .*\.(zip|gz|gzip|bz2|csv|xml)$>
        Header append Cache-Control no-store
    </FilesMatch>

</IfModule>

<IfModule mod_expires.c>

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

    ExpiresActive On

    # Data
    <FilesMatch \.(zip|gz|gzip|bz2|csv|xml)$>
        ExpiresDefault "access plus 0 seconds"
    </FilesMatch>
    ExpiresByType text/xml "access plus 0 seconds"
    ExpiresByType text/csv "access plus 0 seconds"
    ExpiresByType application/json "access plus 0 seconds"
    ExpiresByType application/zip "access plus 0 seconds"
    ExpiresByType application/x-gzip "access plus 0 seconds"
    ExpiresByType application/x-bzip2 "access plus 0 seconds"

    # CSS, JavaScript, html
    <FilesMatch \.(css|js|html)$>
        ExpiresDefault "access plus 1 year"
    </FilesMatch>
    ExpiresByType text/css "access plus 1 year"
    ExpiresByType text/html "access plus 1 year"
    ExpiresByType application/javascript "access plus 1 year"

    # Favicon, images, flash
    <FilesMatch \.(ico|gif|png|jpg|jpeg|swf|svg)$>
        ExpiresDefault "access plus 1 year"
    </FilesMatch>
    ExpiresByType image/gif "access plus 1 year"
    ExpiresByType image/png "access plus 1 year"
    ExpiresByType image/jpg "access plus 1 year"
    ExpiresByType image/jpeg "access plus 1 year"
    ExpiresByType image/svg+xml "access plus 1 year"

    # Fonts
    <FilesMatch \.(eot|ttf|otf|svg|woff|woff2)$>
        ExpiresDefault "access plus 1 year"
    </FilesMatch>
    ExpiresByType application/vnd.ms-fontobject "access plus 1 year"
    ExpiresByType application/x-font-ttf "access plus 1 year"
    ExpiresByType application/x-font-otf "access plus 1 year"
    ExpiresByType application/x-font-woff "access plus 1 year"
    ExpiresByType application/font-woff2 "access plus 1 year"

</IfModule>

[Code Keeper]

mod_rewrite проверил - подключен

Значит или прав на чтение htaccess нет или не подключен. Так же проверь что бы в virtual host стояла опция

AllowOverride All

[Алексей Воропаев]

Code Keeper, спасибо, кстати, на счёт прав, подскажите какие нужно выставить на все папки? искал в интернетах и там много разных вариантов, пробовал около 3-5 и проблему это не решало

[Code Keeper]

Алексей Воропаев я ставлю права на запись pub/static, pub/media, generated и var папок куда маджента пишет и генерирует свою информацию

[Алексей Воропаев]

Code Keeper, то есть 777 на эти файлы/папки? а какие права на остальные файлы/папки?

[Code Keeper]

Алексей Воропаев, 777 я бы не рискнул ставить, а вот 766 да. Остальные оставляешь на чтение для apache(кроме var и generated ему желательно оставить еще запись). Хотя там есть вариант обновления magento c админки, но я всегда ее обновлял вручную с консоли средствами composer