Template.layout is undefined

[tvogt]

I'm having an issue:

• clean install
• packages and versions:

  
  accounts-password         1.5.1  Password support for accounts
  accounts-ui               1.3.0  Simple templates to add login widgets to an app
  alanning:roles            1.2.16  Authorization package for Meteor
  blaze-html-templates      1.1.2  Compile HTML templates into reactive UI with Meteor Blaze
  cultofcoders:grapher      1.3.7  Grapher is a data fetching layer on top of Meteor
  ecmascript                0.11.1  Compiler plugin that supports ES2015+ in all .js files
  es5-shim                  4.8.0  Shims and polyfills to improve ECMAScript 5 support
  jquery                    1.11.11  Manipulate the DOM using CSS selectors
  juliancwirko:postcss      2.0.3  Minifier for Meteor with PostCSS processing - use Autoprefixer and others with ease
  less                      2.7.12  Leaner CSS language
  meteor-base               1.4.0  Packages that every Meteor app needs
  mobile-experience         1.0.5  Packages for a great mobile user experience
  mongo                     1.5.1  Adaptor for using MongoDB and Minimongo over DDP
  msavin:mongol             7.0.1  In-App MongoDB Editor.. now supports Meteor 1.7 and Collection 2 3.0
  ostrio:flow-router-extra  3.5.0  Carefully extended flow-router with waitOn and template context
  reactive-var              1.0.11  Reactive variable
  semantic:ui               2.3.1  Official Semantic UI Integration for Meteor
  semantic:ui-data          2.3.1  Data package for Semantic UI Meteor
  shell-server              0.3.1  Server-side component of the `meteor shell` command.
  standard-minifier-js      2.3.4  Standard javascript minifiers used with Meteor apps by default.
  tracker                   1.2.0  Dependency tracker to allow reactive callbacks

  - set up initial page according to your instructions
  - error message in console on loading a page:

TypeError: Template.layout is undefined default.js:6

where default.js is:

import { Template } from 'meteor/templating'; import './default.html';

// As example all available Template's callbacks // layout should be considered as a regular template Template.layout.onCreated(function () { / ... / }); Template.layout.onRendered(function () { / ... / }); Template.layout.onDestroyed(function () { / ... / }); Template.layout.helpers({ / ... / }); Template.layout.events({ / ... / });

missing a dependency, maybe?

[tvogt]

my mistake, or something that could be made more clear in the documentation.

solution:

Template.default.onCreated(function () { /* ... */ });
Template.default.onRendered(function () { /* ... */ });
Template.default.onDestroyed(function () { /* ... */ });
Template.default.helpers({ /* ... */ });
Template.default.events({ /* ... */ });

must use the name of the template. I wrongly assumed that "layout" is a built-in function.

[dr-dimitru]

Hello @tvogt ,

I'm glad you've figured it out on your own. Our Templating docs starts with create layout.