0

私は EmberJS 1.0.0 RC3 を使用しています。
これらのファイルは、次のチュートリアルに基づいています: http://www.youtube.com/watch?feature=player_embedded&v=Ga99hMi7wfY# ! (emberjs.com/guides/ から)。

私index.htmlは：

<!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="ie6"> <![endif]--> 
<!--[if IE 7 ]>    <html lang="en" class="ie7"> <![endif]-->
<!--[if IE 8 ]>    <html lang="en" class="ie8"> <![endif]--> 
<!--[if IE 9 ]>    <html lang="en" class="ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]-->
    <head>
        <meta charset="UTF-8">    

        <title>Test</title>
        <meta name="description" content="">
        <meta name="author" content="">

        <link rel="stylesheet" href="app/Ressources/public/css/normalize-2.1.1.min.css">
        <link rel="stylesheet" href="app/Ressources/public/css/bootstrap-2.3.1.min.css">
        <link rel="stylesheet" href="app/Ressources/public/css/bootstrap-responsive-2.3.1.min.css">
        <link rel="stylesheet" href="app/Ressources/public/css/jquery.mobile.structure-1.3.1.min.css">
        <!--[if lt IE 9]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <link rel="stylesheet" href="app/Ressources/public/css/style.css">
    </head>
    <body>

        <script type="text/x-handlebars" >
            <div class="navbar">
                <div class="navbar-inner">
                    <a class="brand" href="#">Bloggr</a>
                    <ul class="nav">
                        <li><a href="#">Posts</a></li>
                        <li>{{#linkTo 'about'}}About{{/linkTo}}</li>
                    </ul>
                </div>
            </div>
            {{outlet}}
        </script>

        <script type="text/x-handlebars" id="about">
            <div class="about">
                <p>Test</p>
            </div>
        </script>

        <script src="vendor/jquery/jquery-2.0.0.min.js"></script>
        <script src="vendor/jquery/mobile/jquery.mobile-1.3.1.min.js"></script>
        <script src="vendor/handlebars/handlebars-1.0.0-rc.3.js"></script>
        <script src="vendor/ember/ember-1.0.0-rc.3.min.js"></script>
        <script src="vendor/ember/ember-data-12.js"></script>
        <script src="vendor/bootstrap/bootstrap-2.3.1.min.js"></script>
        <script src="vendor/moment/moment-2.0.0.min.js"></script>
        <script src="app/main2.js"></script>

    </body>
</html>

私のmain2.jsファイルは次のとおりです。

var App = Ember.Application.create();

App.Router.map(function() {
    this.resource('about');
});

my_app.local/index.html にいるときは、正常に動作しており、メニューが表示されました。のリンクAboutは my_app.local/index.html#/about なので正しいです。ただし、それをクリックすると、 my_app_client.local/about に移動し、サーバーはこのファイルを見つけることができません (見つけられないのは正しいです。ちなみにindex.html存在するだけです)。

この例では、vhost で WAMP を使用しました。file://My_path_to_my_app/index.html で試してみました。 index.html#/about に移動できましたが、クロムはそれを見つけられませんでした。

私のエラーがどこにあるか推測できますか？

4

1 に答える 1