刷新Wagtail文章博客页出现InvalidFilterSpecError错误如何解决

错误原因 #

问题出在Wagtail图片处理模板标签的语法错误。你提供的article_blog_page.html模板中，处理封面图的代码行：

{% image self.intro_image fill 1400x400 as intro_img %}

fill裁剪指令和尺寸参数1400x400之间用了空格分隔，不符合Wagtail图片过滤器的语法规则：操作指令和尺寸参数必须用连字符-拼接为一个整体参数。Wagtail解析时无法识别到裁剪对应的尺寸参数，就抛出了construct() missing 1 required positional argument: 'size'的报错。
另外你对应位置的div标签还漏写了闭合的>符号，也会导致后续HTML渲染异常。

修复方案 #

把对应代码块修改为如下内容即可：

{% if self.intro_image %}
    <div class="container">
        <div class="row">
            <div class="col-lg-8 offset-lg-2">
                {% image self.intro_image fill-1400x400 as intro_img %}
                <img src="{{ intro_img.url }}" alt="{{ intro_img.alt }}">
            </div>
        </div>
    </div>
{% endif %}

修改完成后刷新页面即可正常访问。

内容的提问来源于stack exchange，提问作者pedro henrique garcia pinto