title: Accessing svelte store with $ notation causing Reference Error
body: <p>I have a <code>store.js</code> file whose content is :</p>
  <pre><code>import { writable } from 'svelte/store';
  export  const generateds = writable(0);
  
  console.log(&quot;generateds&quot;, $generateds)
  </code></pre>
  <p>Each time I try to access $generateds (inside or outside this file) I get this error :</p>
  <pre><code>Uncaught ReferenceError: $generateds is not defined
      at stores.js:4
      at main.js:6
  </code></pre>
  <p>When I use a store in a new project, there is no problem. I can't find what's the problem in my current project.</p>
  <p>Here is the list of the npm packages I'm using :</p>
  <pre><code>── @fortawesome/free-solid-svg-icons@5.14.0
  ├── @material/layout-grid@7.0.0
  ├── @mdi/js@5.9.55
  ├── @rollup/plugin-commonjs@17.1.0
  ├── @rollup/plugin-node-resolve@11.2.0
  ├── @smui/button@1.0.0
  ├── @smui/card@1.0.0
  ├── @smui/drawer@1.0.0
  ├── @smui/fab@1.0.0
  ├── @smui/icon-button@1.0.0
  ├── @smui/list@1.0.0
  ├── @smui/select@1.0.0
  ├── @smui/textfield@1.0.0
  ├── @smui/top-app-bar@1.0.0
  ├── @sveltejs/svelte-virtual-list@3.0.1
  ├── autoprefixer@9.8.6
  ├── dropzone@5.7.2
  ├── eslint-plugin-svelte3@2.7.3
  ├── eslint@7.9.0
  ├── firebase@7.24.0
  ├── firestore-export-import@0.10.0
  ├── mathlive@0.59.0
  ├── node-sass@4.14.1
  ├── postcss@8.2.6
  ├── query-string@6.13.2
  ├── rollup-plugin-analyzer@4.0.0
  ├── rollup-plugin-css-only@3.1.0
  ├── rollup-plugin-livereload@2.0.0
  ├── rollup-plugin-postcss@4.0.0
  ├── rollup-plugin-sass@1.2.2
  ├── rollup-plugin-svelte@7.1.0
  ├── rollup-plugin-terser@7.0.2
  ├── rollup@2.39.0
  ├── sass@1.32.7
  ├── sirv-cli@1.0.11
  ├── svelte-fa@2.1.1
  ├── svelte-loading-spinners@0.1.1
  ├── svelte-materialify@0.3.5
  ├── svelte-preprocess@4.6.9
  ├── svelte-routing@1.5.0
  ├── svelte@3.32.3
  </code></pre>