Python Django 网站未在 Ubuntu 上显示，就像在 Windows 上一样

Question

我运行遇到了一个问题，但不了解它可能来自哪里。我在 Django 3.0.8 环境下有相同的网站，它在 windows 10:

的 PC 的一侧工作

另一边，在装有 Xubuntu 20.04 的旧 PC 上：

一切都一样：代码、文件、环境、python 版本 (3.8)。但是，如您所见，Xubuntu 版本的性能并不理想。

您知道什么可能会阻塞吗？我的印象是 Bootstrap 和 FontAwesomeIcon 无法正常工作。

.

编辑： 这是 page.html

的代码

    {% load i18n %}
    {% load static %}
    {% load bootstrap5 %}
    
    {% get_current_language as language_code %}
    
    <!DOCTYPE html>
    <html lang="{{ language_code }}">
    <head>
    
        <meta charset="UTF-8">
    
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="Une vie électrique sans barrière.">
        <meta name="author" content="Pierre TREMELO">
    
        <link rel="icon" href="{% static 'favicon.ico' %}">
    
        <title>ElyanDeal</title>
    
        <link href="{% static 'vendor/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">
        <link href="{% static 'css/styles.css' %}" rel="stylesheet">
        
        <!-- CUSTOMING -->
        <link href="{% static 'css/fontawesome.css' %}" rel="stylesheet">
    
    </head>
    
    <body>
    
    <img src="{% static 'accounts/fond_accueil.jpg' %}" class="superbg" />
    
    <nav class="navbar navbar-expand-md navbar-dark bg-dark static-top">
    
        <a class="navbar-brand" href="/">
            <i class="fas fa-home"></i> {% trans 'Home' %}
        </a>
    
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault">
            <span class="navbar-toggler-icon"></span>
        </button>
    
        <div class="collapse navbar-collapse" id="navbarsExampleDefault">
            <ul class="navbar-nav mr-auto">
                {% if request.user.is_authenticated %}
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            {% trans 'Mon compte' %}
                        </a>
                        
                        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                            <a class="dropdown-item" href="{% url 'accounts:change_profile' %}?next={{ request.path }}">
                                {% trans 'Profil' %}
                            </a>
                            <a class="dropdown-item" href="{% url 'accounts:change_password' %}">
                                {% trans 'Mot de passe' %}
                            </a>
                            <a class="dropdown-item" href="{% url 'accounts:change_email' %}">
                                {% trans 'Email' %}
                            </a>
                        <div class="dropdown-divider"></div>
                            <a class="dropdown-item" href="{% url 'accounts:log_out' %}">
                                {% trans 'Déconnexion' %}
                            </a>
                        </div>
                    </li>
                {% else %}
                    <li class="nav-item">
                        <a class="nav-link" href="{% url 'accounts:log_in' %}">{% trans 'Connexion' %}</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{% url 'accounts:sign_up' %}">{% trans 'Créer un compte' %}</a>
                    </li>
                {% endif %}
            </ul>
    
            <ul class="navbar-nav">
                <li class="nav-item">
                    <a class="nav-link" href="{% url 'change_language' %}">{{ language_code|upper }}</a>
                </li>
            </ul>
        </div>
    
    </nav>
    
    <div class="container-fluid mt-3">
    
        {% bootstrap_messages %}
    
        {% block content %}
            No content.
        {% endblock %}
    
    </div>
    
    <script src="{% static 'vendor/jquery/jquery-3.4.1.min.js' %}"></script>
    <script src="{% static 'vendor/popper/popper.min.js' %}"></script>
    <script src="{% static 'vendor/bootstrap/js/bootstrap.min.js' %}"></script>
    
    <script src="{% static 'js/ie10-viewport-bug-workaround.js' %}"></script>
    
    </body>
    </html>

而这一篇为{% block content %}的内容：

{% extends 'layouts/default/page.html' %}

{% load i18n %}
{% load static %}
{% load bootstrap5 %}

{% block content %}

<div class="center-etroit" style="background-color:transparent; max-width:500px;">
    <div class="card">
        <div class="card-header">
            <h4>{% trans 'Connexion' %}</h4>
        </div>
        
        <div class="card-body">
        
            <form method="post">

                {% csrf_token %}
                {% bootstrap_form form %}

                <button class="btn btn-primary">{% trans 'Connexion' %}</button>

            </form>

            <hr>

            <ul>
                <li>
                    <a href="{% url 'accounts:restore_password' %}">{% trans 'Mot de passe oublié ?' %}</a>
                </li>
                <li>
                    <a href="{% url 'accounts:remind_username' %}">{% trans 'Identifiant oublié ?' %}</a>
                </li>
                <li>
                    <a href="{% url 'accounts:resend_activation_code' %}">{% trans "Renvoyer le code d'activation" %}</a>
                </li>
            </ul>
        </div>
    </div>
</div>
{% endblock %}

Answer 1

我终于找到问题了！我在我的虚拟环境中安装了 'django-fontawesome-5' 而不是 'fontawesome-free'。现在我已经重新安装了正确的包，外观是固定的！

Python Django 网站未在 Ubuntu 上显示，就像在 Windows 上一样

Python Django website not showing on Ubuntu like on Windows

python

django

ubuntu

font-awesome

bootstrap-5