slont_code

slont_code

// 人と知識をつなげるcode

Amebaでブログを始めよう!
Aureliaのskeleton-navigationのver.0.17.0をチュートリアルでやっていたらつまずいたメモ。

Not Found: http://localhost:9000/dist/main
または
Not Found: http://localhost:9000/dist/app
がでて動いてくれなかったのですが、ver.0.15.1にしてみたら上手くいきました。参考までに。
Uncaught TypeError: Cannot read property 'nodeType' of null
初めてKnockout.jsを使う時につまづいたところ...
単純に読み込みの順番の問題でした。
もしかしたらつまづいている人がいるかもしれないので、メモ。

hoge.js
var hogeViewModel = {
    name: 'hoge',
    age: 20
};
ko.applyBindings(hogeViewModel);
こんなjsファイルがあるとき

hoge1.html
<!DOCTYPE html>
<html lang="ja">
    <meta charset="utf-8">
    <head>
        <title>Knockout.js Test</title>
        <script type="text/javascript" src="knockout-3.3.0.js"></script>
        <script type="text/javascript" src="hoge.js"></script>
    </head>
    <body>
        <p><strong data-bind="text: name"></strong></p>
        <p><strong data-bind="text: age"></strong></p>
    </body>
</html>
これはエラー。

hoge2.html

<!DOCTYPE html>
<html lang="ja">
    <meta charset="utf-8">
    <head>
        <title>Knockout.js Test</title>
        <script type="text/javascript" src="knockout-3.3.0.js"></script>
    </head>
    <body>
        <p><strong data-bind="text: name"></strong></p>
        <p><strong data-bind="text: age"></strong></p>
    </body>
    <script type="text/javascript" src="hoge.js"></script>
</html>
これが正解。