2015-03-09 6 views
1

Я ищу файлы .css ans .js, используя Assetic with Symfony. Проблема заключается в том, что браузер не загружает эти файлы.Включая файлы CSS и JS в Symfony с использованием Assetic

{% block stylesheets %} 
     {% stylesheets '@MUSCoreBundle/Resources/public/css/*' filter='cssrewrite' %} 
     <link rel="stylesheet" href="{{ asset_url }}"/> 
    {% endstylesheets %} 
{% endblock %} 


{% block javascripts %} 
    {% javascripts '@MUSCoreBundle/Resources/public/js/*' %} 
     <script type="text/javascript" src="{{ asset_url }}"></script> 
    {% endjavascripts %} 
{% endblock %} 

sources

Browser console

Я написал хороший путь к моим файлам.

Что я делаю неправильно?

Решение: вам нужно создать файлы .css и .js внутри папки CSS. Кажется, сервер не может справиться с этими файлами, если вы скопировали и вставили их из другого места.

+0

Попробуйте добавить '@' до вашего пути: '@ MUSCoreBundle/Resources/публичный/FONT-устрашающего/CSS/шрифт awesome.min. css' – chapay

+0

@chapay Я попытался добавить @: 'Исключение было выбрано во время компиляции шаблона (« Не удалось найти файл »@ MUSCoreBundle/Resources/public/font-awesome/css/font-awesome.min.css ".") в ":: layout.html.twig" .' – Johnrednex

ответ

2

Если есть папка CSS и я хочу, чтобы загрузить все файлы в этой папке, то я использую этот метод

{% block stylesheets %} 
    {% stylesheets 'bundles/yourbundle/css/*' filter='cssrewrite' %} 
    <link rel="stylesheet" href="{{ asset_url }}"/> 
    {% endstylesheets %} 
{% endblock %} 

Вы также можете загрузить отдельные файлы Forexample

{% block javascripts %} 
    {% javascripts 
    '@yourBundle/Resources/public/js/jquery.min.js' 
    '@yourBundle/Resources/public/js/flat-ui.js' 
    '@yourBundle/Resources/public/js/application.js' 
    %} 
    <script type="text/javascript" src="{{ asset_url }}"></script> 
    {% endjavascripts %} 
{% endblock %} 

ВАЖНО

Не забудьте запустить следующие команды, когда вы что-то изменяете в активе или добавляете новый актив

php app/console assets:install 
php app/console assetic:dump --env=prod --no-debug 

Вы можете прочитать больше о них в симфони активе documentation

+0

Я отредактировал мое сообщение: Я выполнил ваш первый пример. Теперь, когда вы видите, что браузер не загружает файлы .css и .js. Я также попытался запустить команду php app/console assetic: dump --env = prod --no-debug 'и консоль отображает' Исходный файл '/home/isen/public_html/Symfony/app/../web/MUSCoreBundle/Resources/public/css/pa ge_in scription.css «не существует». – Johnrednex

+0

Думаю, вы не указали это правильно. Перейдите в веб-папку, затем установите папку, затем откройте папку CSS или js, чтобы проверить, существуют ли файлы. – Baig

+0

вы также можете подтвердить, что ссылка на ваш ресурс выглядит так: '{% stylesheets 'bundles/MUSCore/css/*' filter = 'cssrewrite'%}' и NOT '{% stylesheets '@ MUSCoreBundle/Resources/public/css/* 'filter =' cssrewrite '%} ' – Baig

Смежные вопросы