virtual-dom - 如何连接虚拟上标、超标助手和主循环

Question

我正在查看使用超脚本、主循环和 hyperx的子堆栈示例。

我想使用超脚本助手重新创建此示例以获取类似于 Elm 的代码。该模块说它同时支持hyperscriptand virtual-hyperscript，所以我正在尝试virtual-hyperscript.

我的代码如下所示：

var vdom = require('virtual-dom')
var vh = require('virtual-hyperscript');
var hh = require('hyperscript-helpers')(vh);
var main = require('main-loop')

var div  = hh.div;
var span = hh.span;
var h1   = hh.h1;

var loop = main({ times: 0 }, render, vdom)
document.querySelector('#content').appendChild(loop.target)

function render(state) {
  return h1('title');
}

它给了我一个错误：

Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'.

怎么了？我认为有些东西没有正确连接，因为

console.log(loop.target) //null

如果有帮助，我可以发布我的 html 和我正在使用的 browserify 构建命令

Answer 1

virtual-hyperscript移至https://github.com/Matt-Esch/virtual-dom/tree/master/virtual-hyperscript

请参阅https://github.com/Raynos/virtual-hyperscript上的自述文件

virtual-dom/h只是一个新版本virtual-hyperscript。