0

我正在尝试将车把布局助手（https://github.com/shannonmoeller/handlebars-layouts）添加到分形（http://fractal.build），但在让它工作时遇到了一些麻烦。

我已按照位于 fractal.build/guide 的指南将其添加到 fractal.js。

我已经添加了所需的包（@frctl/handlebars、handlebars-helper 和 handlebars-layouts）。

我有一个名为“grid.hbs”的文件，想在“grid-full-width.hbs”中扩展它。

分形.js

const instance = fractal.components.engine();

// Using handlebars-layouts (https://www.npmjs.com/package/handlebars-layouts)

const layouts = require('handlebars-layouts');
layouts.register(instance.handlebars);

// Using handlebars-helpers (https://github.com/assemble/handlebars-helpers)

const helpers = require('handlebars-helpers');
helpers({
    handlebars: instance.handlebars
});

网格.hbs

<div class="grid">
  {{#block "content"}}
    Fallback content
  {{/block}}
</div>

网格全宽.hbs

{{#extend "grid"}}
  {{#content "content"}}
    New content
  {{/content}}
{{/extend}}

输出

[object Object]

任何人都知道我做错了什么？

4

1 回答 1

0

找到了解决方案：

/*
 * Add layouts helper
 */
const hbs = require('@frctl/handlebars');

const instance = fractal.components.engine(hbs);

// Using handlebars-layouts (https://www.npmjs.com/package/handlebars-layouts)

const layouts = require('handlebars-layouts');
layouts.register(instance.handlebars);

更多信息在这里：https ://github.com/frctl/fractal/issues/355

于 2017-09-21T15:50:17.000 回答