仮想ハイパースクリプト、ハイパースクリプトヘルパー、メインループのワイヤリング方法

Question

私はexample by substackでハイパースクリプト、メインループ、ハイパーテキストを使用しています。

を使用してこの例を再作成して、Elmと似たコードを取得したいとします。このモジュールは、hyperscriptと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'. 

を？私はそれが助け場合、私は私のhtmlと私は

Answer 1

virtual-hyperscriptを使用していbrowserifyビルドコマンドを投稿することができます

console.log(loop.target) //null 

ので、何かが正しく配線さていないと仮定はhttps://github.com/Raynos/virtual-hyperscriptでhttps://github.com/Matt-Esch/virtual-dom/tree/master/virtual-hyperscript

参照READMEに移動させ、

virtual-dom/hは、virtual-hyperscriptの新バージョンです。