Meteor Iron:Router 模板未呈现

Question

我有一个主页，其中列出了一些可点击的文本项 ("Ideas") link。单击它们应将您带到可以编辑它们的页面。这是我的 html:

<head>
    <title>Ideas</title>
</head>

<body>
</body>

<template name="Ideas">
    <ul>
        {{#each ideas}}
            {{> idea}}
        {{/each}}
    </ul>
</template>

<template name="idea">
    <li><a href="/idea/{{_id}}">{{text}}</a></li>
</template>

<template name="ShowIdea">'
    <div class="editable" contentEditable="true">{{text}}</div>
</template>

我已将 Iron:Router 添加到我的项目中以允许在页面之间移动。这是 javascript:

Ideas = new Mongo.Collection("ideas");

if (Meteor.isClient) {
    Router.route('/', function() {
        this.render('Ideas');
    });

    Router.route('/idea/:_id', function() {
        var idea = Ideas.findOne({_id: this.params._id});
        this.render('ShowIdea', {text: idea.text});
    });

    Template.Ideas.helpers({
        ideas: function () {
            return Ideas.find({});
        }
    });
}

我使用 Meteor Mongo 命令行工具向我的 Mongo 数据库插入了一个想法。该单个项目正确显示在我的主页上。这是 HTML 在我的主页调试器中的样子：

<html>
    <head>...</head>
    <body>
        <ul>
            <li>
                <a href="/idea/ObjectID("550b7da0a68cb03381840feb")">The first idea ever</a>
            </li>
        </ul>
    </body>
</html>

点击那个 link 将我带到地址为：

的新页面

http://localhost:3000/idea/ObjectID(%22550b7da0a68cb03381840feb%22)

但是页面上没有显示任何内容。在调试器控制台中，我看到此错误消息 + 堆栈跟踪，但这对我来说毫无意义，因为它似乎都与 iron-router 和 meteor 有关，而不是我实际编写的代码：

Exception in callback of async function: http://localhost:3000/Idea.js?2fd83048a1b04d74305beae2ff40f2ea7741d40d:10:44
boundNext@http://localhost:3000/packages/iron_middleware-stack.js?0e0f6983a838a6516556b08e62894f89720e2c44:424:35
http://localhost:3000/packages/meteor.js?e53378596562e8922a6369c955bab1e047fa866b:978:27
onRerun@http://localhost:3000/packages/iron_router.js?a427868585af16bb88b7c9996b2449aebb8dbf51:520:13
boundNext@http://localhost:3000/packages/iron_middleware-stack.js?0e0f6983a838a6516556b08e62894f89720e2c44:424:35
http://localhost:3000/packages/meteor.js?e53378596562e8922a6369c955bab1e047fa866b:978:27
onRun@http://localhost:3000/packages/iron_router.js?a427868585af16bb88b7c9996b2449aebb8dbf51:505:15
boundNext@http://localhost:3000/packages/iron_middleware-stack.js?0e0f6983a838a6516556b08e62894f89720e2c44:424:35
http://localhost:3000/packages/meteor.js?e53378596562e8922a6369c955bab1e047fa866b:978:27
dispatch@http://localhost:3000/packages/iron_middleware-stack.js?0e0f6983a838a6516556b08e62894f89720e2c44:448:7
_runRoute@http://localhost:3000/packages/iron_router.js?a427868585af16bb88b7c9996b2449aebb8dbf51:543:17
dispatch@http://localhost:3000/packages/iron_router.js?a427868585af16bb88b7c9996b2449aebb8dbf51:844:27
route@http://localhost:3000/packages/iron_router.js?a427868585af16bb88b7c9996b2449aebb8dbf51:710:19
boundNext@http://localhost:3000/packages/iron_middleware-stack.js?0e0f6983a838a6516556b08e62894f89720e2c44:424:35
http://localhost:3000/packages/meteor.js?e53378596562e8922a6369c955bab1e047fa866b:978:27
boundNext@http://localhost:3000/packages/iron_middleware-stack.js?0e0f6983a838a6516556b08e62894f89720e2c44:371:18
http://localhost:3000/packages/meteor.js?e53378596562e8922a6369c955bab1e047fa866b:978:27
dispatch@http://localhost:3000/packages/iron_middleware-stack.js?0e0f6983a838a6516556b08e62894f89720e2c44:448:7
http://localhost:3000/packages/iron_router.js?a427868585af16bb88b7c9996b2449aebb8dbf51:390:21
_compute@http://localhost:3000/packages/tracker.js?21f0f4306879f57e10ad3a97efe9ea521c5b5775:308:36
Computation@http://localhost:3000/packages/tracker.js?21f0f4306879f57e10ad3a97efe9ea521c5b5775:224:18
autorun@http://localhost:3000/packages/tracker.js?21f0f4306879f57e10ad3a97efe9ea521c5b5775:499:34
http://localhost:3000/packages/iron_router.js?a427868585af16bb88b7c9996b2449aebb8dbf51:388:17
nonreactive@http://localhost:3000/packages/tracker.js?21f0f4306879f57e10ad3a97efe9ea521c5b5775:525:13
dispatch@http://localhost:3000/packages/iron_router.js?a427868585af16bb88b7c9996b2449aebb8dbf51:387:19
dispatch@http://localhost:3000/packages/iron_router.js?a427868585af16bb88b7c9996b2449aebb8dbf51:1688:22
onLocationChange@http://localhost:3000/packages/iron_router.js?a427868585af16bb88b7c9996b2449aebb8dbf51:1772:33
_compute@http://localhost:3000/packages/tracker.js?21f0f4306879f57e10ad3a97efe9ea521c5b5775:308:36
_recompute@http://localhost:3000/packages/tracker.js?21f0f4306879f57e10ad3a97efe9ea521c5b5775:322:22
flush@http://localhost:3000/packages/tracker.js?21f0f4306879f57e10ad3a97efe9ea521c5b5775:452:24

然后以警告消息结束：

Route dispatch never rendered. Did you forget to call this.next() in an onBeforeAction?

我没有 onBeforeAction（我什至不确定那是什么）...所以我认为该消息与我无关？

我前几天才开始使用 Meteor，并且在不到 24 小时前才添加了 iron-router，所以我在这里有点迷路。任何关于如何调试和修复此问题的指示都会很棒。

Answer 1

有两件事需要解决：

当您从 shell 插入文档时，它们被分配 _id 值，即 mongo ObjectIDs，而流星默认使用字符串。这就解释了奇怪的 URL。为避免此问题，通常最好从服务器初始化数据。这是一个例子：

if (Meteor.isServer) {
  Meteor.startup(function() {
    if (Ideas.find().count() === 0) {
      Ideas.insert({text: 'feed the cat'});
    }
  });
}

现在，在 $ meteor reset 之后，您总是会从一个与猫相关的想法开始。

如果您希望将上下文传递给您的模板，您需要像这样使用 data 属性：

Router.route('/idea/:_id', function() {
  this.render('ShowIdea', {
    data: function () {return Ideas.findOne({_id: this.params._id})}
  });
});

请参阅文档中的 this example。进行这些更改后，代码对我来说工作正常。

Meteor Iron:Router 模板未呈现

Meteor Iron:Router Template not Rendering

meteor

iron-router

spacebars