撇号：parseAggregate：dict 键后的预期冒号

Question

我是撇号的新手，我正在构建我的第一个应用程序，我想使用宏在家里定义小部件，但是当 JS 调用 nunjucks 渲染时，我收到以下错误：： parseAggregate：dict 键后的预期冒号

这是我的主页：

{#apostrophe-pages/views/home.html#}
{% extends "layout.html" %}

{% import "macros/utils.html" as areas %}

{% block title %}Home{% endblock %}

{% block main %}

<main>
  {{ areas.columns() }}
</main>

{% endblock %}


{#views/macros/utils.html#}

{% macro columns() %}
{{ apos.area(data.page, 'main', {
    blockLevelControls; true,
    widgets: {
      'one-column': {},
      'two-column': {}
      }
    }
  }) }}
{% endmacro %}

{% macro column(parent, name, imageSize) %}
{{ apos.area(parent, name, {
    widgets: {
      'apostrophe-rich-text': {
        toolbar: [ 'Styles', 'Bold', 'Italic', 'Link', 'Unlink' ],
        styles: [
        { name: 'Heading', element: 'h3' },
        { name: 'Subheading', element: 'h4' },
        { name: 'Paragraph', element: 'p' }
        ]
      },
      'apostrophe-images': {
        size: 'imageSize'
      },
      'apostrophe-video': {},
      'test': {}
    }
  }) }}
{% endmacro %}

Answer 1

您的文字对象声明中有错字。而不是

{{ apos.area(data.page, 'main', {
    blockLevelControls; true,
    widgets: {
      'one-column': {},
      'two-column': {}
      }
    }
  }) }}

应该是

{{ apos.area(data.page, 'main', {
    blockLevelControls: true, // <- Here is a colon now
    widgets: {
      'one-column': {},
      'two-column': {}
      }
    }
  }) }}