余烬;使用Ember.js构建应用程序;错误路由
我使用的是EmberJS1.0.0RC3余烬;使用Ember.js构建应用程序;错误路由,ember.js,ember-router,ember-1,Ember.js,Ember Router,Ember 1,我使用的是EmberJS1.0.0RC3这些文件基于本教程:!(来自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]-->
这些文件基于本教程:!(来自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>
当我在:my_app.local/index.html中时,它工作正常,我可以看到我的菜单。About
中的链接是my_app.local/index.html#/About,因此它是正确的。
但是,当我单击它时,我转到我的_app _client.local/about,服务器找不到该文件(没错,它找不到,顺便说一下,只有index.html
exist)在本例中,我将WAMP与vhost一起使用。我试过了file://My_path_to_my_app/index.html,我可以转到index.html#/about,但chrome没有找到它
你能猜出我的错误在哪里吗 我刚刚在index.hmtl中删除了这一行:
<script src="vendor/jquery/mobile/jquery.mobile-1.3.1.min.js"></script>
现在它开始工作了。我不知道兼容性有什么问题,但它是这样工作的。你应该把你的解决方案放在答案框中,并接受它作为答案。这样,它就不会出现在任何未答复的列表中。:)谢谢你提供的信息。
<script src="vendor/jquery/mobile/jquery.mobile-1.3.1.min.js"></script>