Wagtail新安装:CSS无法正常运行

时间:2019-07-14 08:27:16

标签: css django wagtail

我尝试了在本地安装w的官方安装指南:

每次看起来功能都不错,但是所有CSS都坏了(请参见图片)

我试图做“ manage.py collectstatic”,它告诉我已经复制了2/300个文件,我清空了浏览器的缓存,再次加载了页面,没有任何改变。

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

我从头开始重新启动了几次教程,以确保我完全按照说明进行每个步骤,没有任何变化。当我开始一个新的django项目时,在添加jan之前,基本的django css正在工作。我正在使用Python 3.6.8,Django 2.2.3和Wagtail 2.5.1。我究竟做错了什么 ?

Wagtail with broken css

要回答@Dan Swain评论:

Settings.py file :

https://pastebin.com/zZqDesnr Folder structure & wsgi

4 个答案:

答案 0 :(得分:0)

一种标准的Wagtail文件夹结构包括一个settings 文件夹(不仅仅是一个settings.py文件)。在settings文件夹中,您会找到base.pydev.pylocal.pyproduction.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__))

答案 1 :(得分:0)

好吧,我的django-wagtail服务器只是为CSS提供服务,但其mimetype不正确。我的浏览器收到了CSS,但是由于错误的mimetype,所以没有应用它们

我必须添加:

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

进入我的设置文件,一切正常

答案 2 :(得分:0)

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

答案 3 :(得分:0)

如果 CSS 在 wagtail 的管理面板中不起作用。您应该首先检查您的 nginx 设置。在nginx中应该有这样的配置:

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

请注意,应该是别名不是root