EmberJS“使用Ember.js构建应用程序”错误路由

时间:2013-04-24 21:55:56

标签: ember.js ember-router ember-1

我使用的是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存在)。

在这个例子中,我使用WAMP和vhost。我尝试使用file://My_path_to_my_app/index.html,我可以去index.html#/ about但是Chrome没有找到它。

你能猜出我的错误在哪里吗?

1 个答案:

答案 0 :(得分:0)

我只是在index.html中删除了这一行:

<script src="vendor/jquery/mobile/jquery.mobile-1.3.1.min.js"></script>

现在它正在运作。我不知道兼容性的问题是什么,但它正在以这种方式工作。