Symfony 4 — отображается проблема с шаблоном css

#php #css #symfony #twig #symfony4

#php #css #symfony #twig #symfony4

Вопрос:

Я только что загрузил свой веб-сайт на ovh, и возникла проблема, когда на localhost все было в порядке. Действительно, все мои шаблоны отображались так, как я хотел. Теперь, когда веб-сайт находится на сервере, половина веб-страниц отображает не шаблоны, а их собственный CSS-код!

Вот мой MainController и шаблон на странице, которая отображается справа :

 /**
* @Route("/", name="home")
*/
public function home()
{
    $home = $this->getDoctrine()
        ->getRepository(Homepage::class)
        ->find(1);
    return $this->render('main/home.html.twig', [
        'home' => $home,
    ]);
}
  

Шаблон

 {% extends 'layout.html.twig' %}
{% block title %} Fuzz Design {% endblock title %}
{% block stylesheets %}
    <link rel="stylesheet" type="text/css" href="{{ 'homepage.css' }}">
{% endblock stylesheets %}
{% block body %} .... {% endblock %}
  

И вот часть MainController для страницы, отображающей CSS вместо этого :

 /**
* @Route("/about", name="about")
*/
public function about()
{
    $about = $this->getDoctrine()
        ->getRepository(About::class)
        ->find(1);

    $projets = $this->getDoctrine()
        ->getRepository(Project::class)
        ->findBy(
            array(),
            array('id' => 'DESC'),
            3
        );

    return $this->render('main/about.html.twig', [
        'about' => $about,
        'projets'=>$projets,
    ]);
}
  

Шаблон

 {% extends 'layout.html.twig' %}
{% block title %}Fuzz Design : A Propos{% endblock %}
{% block stylesheets %}
    <link rel="stylesheet" type="text/css" href="{{ 'about.css' }}">
    <link rel="stylesheet" type="text/css" href="{{ 'animation_hover.css' }}">
{% endblock %}
{% block body %}.... {% endblock %}
  

Я почти уверен, что делаю это таким же образом, но первый отображает шаблон, в то время как другой отображает код таблицы стилей css.

Кто-нибудь имеет представление о причине, по которой я получаю такое странное поведение? И как это исправить?

Комментарии:

1. Как это отображается при просмотре исходного кода страницы? Верны ли ваши теги ссылок?

2. Источник представления такой же, как я вижу на «обычной» странице: @media (минимальная ширина: 1001px) { body { background-image: url («Imge_background.jpg «); размер фона: 100% авто; повтор фона: нет повтора; положение фона: по центру; } h4 { …

3. Можете ли вы опубликовать код макета?

4. Хорошо, кажется, что если я изменю название таблиц стилей, проблем больше не будет… Похоже, это проблема конфликта имен. В любом случае спасибо.

Ответ №1:

Это может быть конфликт имен.

Попробуйте изменить имя вашего css-файла, например: banana.css, и выполните соответствующий вызов в вашем шаблоне.

Это могло бы сработать =)