Why am I getting, "Uncaught TypeError: Cannot read property 'onRendered' of undefined" with this?

help
1

Based on this snippet from the official docs:

Template.myPictures.onRendered(function () {
  // Use the Packery jQuery plugin
  this.$('.container').packery({
    itemSelector: '.item',
    gutter: 10
  });
});

…I added this code to one of my Template .js files:

Template.jobLocs.onRendered(function () {
  if (Session.equals("schedulerId", "undefined")) {
    alert('Before saving any Jobs/Locations data, you must first log in.')
  }
});

But I get an err msg in the console, “Uncaught TypeError: Cannot read property ‘onRendered’ of undefined”

What’s up with that?

2

You’re certain the template jobLocs exists with that exact syntax?

3

Yes, I copied and pasted it from my code.

4

Now it went away; I wanted to put a breakpoint in CDT in that template.js, but it doesn’t show up in CDT’s Sources list under my Templates folder (which is where the .js file exists)…

CDT’s source pane shows a “Templates” folder, but it contains the .js file from client\main.js; I also have a client\templates folder, and those .js files do not show up in CDT for some reason.

Now the (same) err msg is back again!

5

Do you have a .html file where the template is defined?

e.g.:

<template name="jobLocs">
</template>

If not you will get that error.

1 Like
6

Did you find a solution to this issue? Im experiencing something similar for no foreseeable reason…

“Cannot read property ‘onRendered’ of undefined”

main.js

import { Template } from 'meteor/templating'
import { Patients } from '../imports/patients.js'
import './main.html'

var dataSet;
Template.loadHelp.onRendered(loadLoinc());
.
.
.
function loadLoinc(){
Meteor.call('getLoincArray', function(err, res){
	dataSet = res;
})
}


main.html


<head>
  <title>patient-todo</title>
</head>

<body>
<template name="loadHelp">
	</template>
	<div class="container">
    	<h1 class="text-center">Patient Task Manager</h1>
  
.
.
.
</body>
7

That appears to define an empty/non-existing template…

8

Even when I have put things into the template, I’m getting the same error. I dont plan on using the template for anything other than loading a dataset from a massive .csv file from my server to the client. I originally set it “Template.body.onRendered(loadloinc())” but the body gave me even more trouble.

9

and is you html file really index.html (since your import statement mentions main.html)?

10

That was simply a mistake on my part in the post.

My HTML file is in fact called ‘main.html’. I’ve edited the post to reflect this.

11

Quite hard to “guess” your code based on incomplete pasted snippets, no file structure to check imports, etc. Could you please create a minimal git repository reproducing your problem so that people can try to help you?

1 Like