title: Error: Client doesn't have permission to access the desired data
body: <p>I've been working on this for perhaps a day but I can't get it to work at all. I set up a database with no security rules:</p>
  
  <p><a href="https://i.stack.imgur.com/WwmSc.png" rel="noreferrer"><img src="https://i.stack.imgur.com/WwmSc.png" alt="enter image description here"></a></p>
  
  <p>Then I try to access it in my angular fire app:</p>
  
  <pre><code>this.afDatabase
      .object("/test/test")
      .snapshotChanges()
      .subscribe(x =&gt; {
          console.log(x);
      });
  </code></pre>
  
  <p>But I still get the following permission errors:</p>
  
  <blockquote>
    <p>Error: permission_denied at /test/test: Client doesn't have permission to access the desired data.</p>
  </blockquote>
  
  <p>I also ran the simulator and got successful results:</p>
  
  <p><a href="https://i.stack.imgur.com/c55uw.png" rel="noreferrer"><img src="https://i.stack.imgur.com/c55uw.png" alt="enter image description here"></a></p>
  
  <p>I also set up my environment.ts file:</p>
  
  <p><a href="https://i.stack.imgur.com/py9tv.png" rel="noreferrer"><img src="https://i.stack.imgur.com/py9tv.png" alt="enter image description here"></a></p>
  
  <p>Am I doing something wrong?</p>