如何显式重定向到自动生成的“错误”路径?

时间:2015-03-05 22:45:04

标签: ember.js

我似乎可以明确访问/重定向到自动创建的loading路由,但不是error路由。这有什么理由吗?或者解决它的方法?

通过“自动创建”,我的意思是我已经创建了加载和错误模板,但没有明确创建路由或在路由器中定义它们。 Ember docs解释这将创建一个加载路由,implies (but does not explicitly state)解释错误路由应该如此。

我看到的错误看起来好像路线不存在:

DEBUG: -------------------------------
vendor.js:28585DEBUG: Ember      : 1.8.1
vendor.js:28585DEBUG: Ember Data : 1.0.0-beta.12
vendor.js:28585DEBUG: Handlebars : 1.3.0
vendor.js:28585DEBUG: jQuery     : 1.11.2
vendor.js:28585DEBUG: -------------------------------
vendor.js:28585Error: Assertion Failed: The URL '/error' did not match any routes in your application
    at new Error (unknown source)
    at Error.EmberError (http://0.0.0.0:4200/assets/vendor.js:27463:23)
    at Object.assert (http://0.0.0.0:4200/assets/vendor.js:17077:15)
    at http://0.0.0.0:4200/assets/vendor.js:39714:17
    at tryCatch (http://0.0.0.0:4200/assets/vendor.js:60519:16)
    at invokeCallback (http://0.0.0.0:4200/assets/vendor.js:60531:17)
    at http://0.0.0.0:4200/assets/vendor.js:62430:13
    at http://0.0.0.0:4200/assets/vendor.js:42647:9
    at http://0.0.0.0:4200/assets/vendor.js:13891:18
    at Object.flush (http://0.0.0.0:4200/assets/vendor.js:13961:15)
vendor.js:17077Uncaught Error: Assertion Failed: Error: Assertion Failed: The URL '/error' did not match any routes in your application

但它被列为可用路线:

Ember.keys(Onboarding.Router.router.recognizer.names)
["loading", "error", ..., "index", "application"]

尽管如此,明确将其添加到路由器:

Router.map(function() {
  ...
  this.route("error");
});

解决了这个问题。

我做傻事吗?或者这是预期的行为吗?

编辑:

JSBin来说明差异:http://emberjs.jsbin.com/yicijayiri/2/edit?html,js,output

1 个答案:

答案 0 :(得分:2)

我遇到了同样的问题,并在http://discuss.emberjs.com/t/error-route-must-now-be-explicitly-included-in-router-intended-behavior/6943

找到了有用的提示

经过测试,这让我明白在您的示例中,您可以通过添加预期参数链接到错误页面(无需显式定义错误路由)。由于您没有使用该参数,因此它无关紧要。在链接中添加第二个参数适用于您的示例:{{link-to "error page" "error" "A string"}}

以下是一些可能有用的其他信息。如果您希望转换到错误路由,则如果传递第二个参数,它的工作方式类似。

this.transitionTo('error', 'Error'); // OR
this.intermediateTransitionTo('error', 'Error');

现在,如果要在错误消息中使用该参数,可以使用如下的错误模板:

<script type="text/x-handlebars" id="error">
    <h1>{{name}}</h1>
    <p>{{message}}</p>
</script>

使用此模板,当您使用transitionTo或intermediateTransitionTo时,您需要传递一个错误对象作为参数:this.transitionTo('error', new Error('My custom error message.'));

此外,如果您还要传递唯一的错误名称,可以执行以下操作:

var errorObj = new Error('My customer error message');
errorObj.name = 'Custom Error';
this.transitionTo('error', errorObj);