title: Why do I continue to get the Tasks is not defined?
body: <p>I am trying to follow the Meteor documentation here:
  <a href="https://www.meteor.com/tutorials/blaze/collections" rel="nofollow noreferrer">https://www.meteor.com/tutorials/blaze/collections</a>
  in adding a collection and being able to get an empty array back by doing this in the console:</p>
  
  <pre><code>Tasks.find().fetch()
  </code></pre>
  
  <p>but instead I get this:</p>
  
  <pre><code>Uncaught ReferenceError: Tasks is not defined
      at &lt;anonymous&gt;:1:1
  </code></pre>
  
  <p>I am not sure where I have gone wrong since I am following their documentation, I believe the tree structure for the imports folder which I created according to the documentation is correct and the code I have implemented so far is also as suggested from their docs.</p>
  
  <p>This is the client/main.js:</p>
  
  <pre><code>import { Template } from 'meteor/templating';
  import { ReactiveVar } from 'meteor/reactive-var';
  import {Tasks} from '../imports/api/tasks';
  
  import './main.html';
  
  Template.hello.onCreated(function helloOnCreated() {
    // counter starts at 0
    this.counter = new ReactiveVar(0);
  });
  
  // templates can have helpers which are just functions and events and this
  // particular event is a click event
  Template.todos.helpers({
    tasks() {
      return Tasks.find({});
    },
  });
  
  
  Template.todos.events({
  
  });
  </code></pre>
  
  <p>This is the imports/api/tasks.js:</p>
  
  <pre><code>import {Mongo} from 'meteor/mongo';
  
  export const Tasks = new Mongo.Collection('tasks');
  </code></pre>
  
  <p>This is the server/main.js:</p>
  
  <pre><code>import { Meteor } from 'meteor/meteor';
  import {Tasks} from '../imports/api/tasks';
  
  Meteor.startup(() =&gt; {
    // code to run on server at startup
  });
  </code></pre>
  
  <p>This is the client/main.html:</p>
  
  <pre><code>&lt;head&gt;
    &lt;title&gt;tasklist&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;h1&gt;Welcome to Meteor!&lt;/h1&gt;
  
    {{&gt; todos}}
    {{&gt; info}}
  &lt;/body&gt;
  
  &lt;template name="todos"&gt;
  
  &lt;/template&gt;
  
  &lt;template name="info"&gt;
    &lt;h2&gt;Learn Meteor!&lt;/h2&gt;
    &lt;ul&gt;
      &lt;li&gt;&lt;a href="https://www.meteor.com/try" target="_blank"&gt;Do the Tutorial&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="http://guide.meteor.com" target="_blank"&gt;Follow the Guide&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="https://docs.meteor.com" target="_blank"&gt;Read the Docs&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="https://forums.meteor.com" target="_blank"&gt;Discussions&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/template&gt;
  </code></pre>