Wagtail 新安装：CSS 不工作

Question

我尝试了本地安装 wagtail 的官方安装指南：

每次似乎功能正常，但所有 CSS 都坏了（见下图）

我尝试做“manage.py collectstatic”，它告诉我已经复制了 2/3 百个文件，我清空了浏览器的缓存，再次加载页面，没有变化。

在控制台中，文件似乎已发送： [14/Jul/2019 10:16:54] "GET /static/css/welcome_page.css HTTP/1.1" 200 3003

我从头开始多次重新开始教程，确保我完全按照描述执行每一步，没有任何改变。当我开始一个新的 django 项目时，基础 django css 在我添加 wagtail 之前正在工作。我正在使用 Python 3.6.8、Django 2.2.3 和 Wagtail 2.5.1。我做错了什么？

回答@Dan Swain 的评论：

Settings.py file :

https://pastebin.com/zZqDesnr

Answer 1

一个标准的 Wagtail 文件夹结构包括一个 settings 文件夹（不仅仅是一个 settings.py 文件）。在 settings 文件夹中，您会找到 base.py、dev.py、local.py 和 production.py。相反，您正在使用一个普通的 settings.py 文件，该文件在目录结构中与您的 wsgi.py 处于同一级别。在您的 settings.py 中，您有一个 BASE_DIR 声明，通常用于 settings 文件夹 设置：

BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))

我认为如果将该行更改为：

，您的问题就会得到解决

BASE_DIR = os.path.dirname(os.path.abspath(__file__))

Answer 2

好吧，我的 django-wagtail 服务器正在服务 css 但 mimetype 不正确。我的浏览器收到 css 但由于错误的 mimetype，它没有应用它们

我不得不补充：

import mimetypes 
mimetypes.init() 
mimetypes.types_map['.css'] = 'text/css'

到我的设置文件，一切正常

Answer 3

F12调试发现少了3个样式文件。将样式文件夹复制到目标文件夹。从 wagtail-master\wagtail\admin\static_src\wagtailadmin\scss 到 wagtail-master\wagtail\admin\static\wagtailadmin\css。这解决了我的风格错误。

Answer 4

如果 CSS 在 wagtail 的管理面板中不工作。你应该首先检查你的 nginx 设置。 nginx中应该有这样的配置：

location /static/ {
        alias /home/path_to_project/project/staticfiles/;
    }

请注意，别名不能是root

Wagtail 新安装：CSS 不工作

Wagtail new installation : CSS not working

css

django

wagtail