title: Meteor: Can't display my collections
body: <p>I have a collection named by "btso". I just tried to display this collection from this database but it doesn't display. I don't know if i have any errors in my code. </p>
  
  <p>Here is main.html</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;head&gt;
    &lt;title&gt;Sanji&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
    &lt;div class="container"&gt;
      &lt;h4&gt;Sanji's first meteor app&lt;/h4&gt;
      &lt;ul class="collection"&gt;
          {{&gt; sanji}}
      &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/body&gt;
  
  &lt;template name="sanji"&gt;
    {{#each btso}}
      &lt;li class="collection-item"&gt;{{text}}&lt;/li&gt;a
      {{/each}}
  &lt;/template&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Here is my main lib/collections.js</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import { Mongo } from 'meteor/mongo';
  
  export const Btso = new Mongo.Collection('btso'); </code></pre>
  </div>
  </div>
  </p>
  
  <p>And here is my main.js</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import { Template } from 'meteor/templating';
  
  import { Btso } from '../lib/collections.js';
  
  import './main.html';
  
  Template.sanji.helpers({
    btso: function(){
      return  Btso.find({});
    }
  });</code></pre>
  </div>
  </div>
  </p>