title: Not able to access variable in google chrome console
body: <p>I am using the latest version of <code>Meteor js</code>. I am a newbie and couldn't find the solution. I have surfed for this problem a lot.</p>
  
  <p>Before going to the problem, please have look at the directory structure first.</p>
  
  <p>My directory structure of the project is like this : </p>
  
  <pre><code>\client
      \main.html
      \main.css
      \main.js
  \imports
      \lib
         \todos
             \todos.js
  \server
      \main.js
  </code></pre>
  
  <p>I have created a <code>Mongo Object</code> in <code>todos.js</code>. </p>
  
  <p><code>export const Todos = new Mongo.Collections('todos');</code></p>
  
  <p>This is working fine.</p>
  
  <p>Now in <code>client\main.js</code>, I am importing this object,</p>
  
  <p><code>import { Todos } from '\imports\lib\todos\todos.js';</code></p>
  
  <blockquote>
    <p>Note: I tried relative and absolute both type of addressing.</p>
  </blockquote>
  
  <p>I put a <code>debugger</code> after that and checked and the variable is there. I can access that variable on the console. But as soon as I pass the statement and all the code is rendered on the browser(google chrome), I am not able to use <code>Todos</code>. It is giving me a <strong>ReferenceError</strong>. The error is</p>
  
  <blockquote>
    <p>Todos is not defined.</p>
  </blockquote>
  
  <p>I know there is no problem till the browser is loading because I checked that. I have surfed a lot. Please help me. </p>
  
  <p>Thank you in advance.</p>
  
  <p>Edit 1: I am using windows 7 if that is necessary.</p>