EmberJS "Построение приложения с Ember.js" ошибка маршрутизации

Я использую 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. Я попытался с файлом://My_path_to_my_app/index.html, я мог перейти к index.html # / about, но Chrome не нашел его.

Можете ли вы угадать, где моя ошибка?

Источник

1 ответ

Решение

Я просто удаляю эту строку в index.hmtl:

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

и теперь это работает. Я не знаю, в чем проблема совместимости, но она работает таким образом.

Источник
Другие вопросы по тегам