1

hyperscript 、main-loop、hyperx を使用したサブスタックの例を見ています。

ハイパースクリプト ヘルパーを使用してこの例を再作成し、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'.

何がうまくいかないのですか？何かが正しく配線されていないと思います。

console.log(loop.target) //null

それが役立つ場合は、html と使用している browserify ビルド コマンドを投稿できます。

4

1 に答える 1

1

virtual-hyperscripthttps://github.com/Matt-Esch/virtual-dom/tree/master/virtual-hyperscriptに移動しました

https://github.com/Raynos/virtual-hyperscriptの README を参照してください。

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

于 2016-04-07T17:25:30.297 に答える