Question

我是meteor的新手并遵循视频教程。问题是这个视频教程没有完全使用ES6。所以没有进出口。但我正在使用es6功能制作我的流星应用程序，特别是模块的导入和导出。

所以我的项目文件是：

/lib/router.js：

FlowRouter.route("/", {
    name: 'home',
    action(){
        BlazeLayout.render("HomeLayout");
    }
});

FlowRouter.route("/test", {
    name: 'test',
    action(){
        BlazeLayout.render("MainLayout",{ main: "TestPage" });
    }
});

/imports/ui/layouts/HomeLayout.html：

<template name="HomeLayout">
    <header>
        <h1>My Recipe Book</h1>
        {{> loginButtons}}
    </header>
    <main>
        <div class="billboard">
            <h4>Organise your meals</h4>
        </div>
    </main>
</template>

/imports/ui/layouts/MainLayout.html：

<template name="MainLayout">
    <header>
        <h1>My Recipe Book</h1>
        {{> loginButtons}}
    </header>
    <main>
        {{ Template.dynamic template=main }}
    </main>
</template>

/imports/ui/pages/TestPage.html：

<template name="TestPage">
    I am a test....
</template>

/client/main.js：

import { Template } from 'meteor/templating';

import '/lib/router.js';

import '/imports/ui/layouts/MainLayout.html';
import '/imports/ui/layouts/HomeLayout.html';
import '/imports/ui/pages/TestPage.html';

我正在使用的软件包：

1- BlazeLayout

2- Flow-Router

3- accounts-ui

4- accounts-password

现在我的问题是，当我打开localhost：3000时，我按预期看到了我的HomeLayout。但是当我去localhost：3000 / test时，我收到了以下错误：

Exception in defer callback: Error: Can't call non-function: [object Object]
    at Spacebars.call (http://localhost:3000/packages/spacebars.js?hash=65db8b6a8e3fca189b416de702967b1cb83d57d5:175:13)
    at Spacebars.mustacheImpl (http://localhost:3000/packages/spacebars.js?hash=65db8b6a8e3fca189b416de702967b1cb83d57d5:106:25)
    at Object.Spacebars.mustache (http://localhost:3000/packages/spacebars.js?hash=65db8b6a8e3fca189b416de702967b1cb83d57d5:110:39)
    at ._render (http://localhost:3000/app/app.js?hash=9b7bb2e95b10af20d691075d259b8ad46bc15c1d:55:22)
    at doRender (http://localhost:3000/packages/blaze.js?hash=ef41aed769a8945fc99ac4954e8c9ec157a88cea:2027:25)
    at http://localhost:3000/packages/blaze.js?hash=ef41aed769a8945fc99ac4954e8c9ec157a88cea:1875:20
    at Function.Template._withTemplateInstanceFunc (http://localhost:3000/packages/blaze.js?hash=ef41aed769a8945fc99ac4954e8c9ec157a88cea:3687:12)
    at http://localhost:3000/packages/blaze.js?hash=ef41aed769a8945fc99ac4954e8c9ec157a88cea:1873:29
    at Object.Blaze._withCurrentView (http://localhost:3000/packages/blaze.js?hash=ef41aed769a8945fc99ac4954e8c9ec157a88cea:2214:12)
    at viewAutorun (http://localhost:3000/packages/blaze.js?hash=ef41aed769a8945fc99ac4954e8c9ec157a88cea:1872:18)

这在视频教程中表现得非常好，视频教程也是从水平上升到非常有名。但正如我所说的旧版流星所以没有es6。我使用的流星版本是1.3.4.1。

请帮助我，因为我被困在这里，无法取得进展。

Answer 1

哦，发现了问题。在{{Template.dynamic template = main}}的车把句法中错过了一个封闭的角括号。它应该是{{＆gt; Template.dynamic template = main}}

Answer 2

您无需在main.js文件中导入和导出。 Meteor可以为您完成所有工作。您只需删除main.js。

即可

相反，只需将模板html文件放在client目录中即可。 Meteor将自动检测它们，您的路由器将能够访问它们。

Meteor抛出错误“延迟回调中的异常：错误：使用flowrouter时无法调用非函数：[object Object]”

2 个答案: