Angular 2: file not found on local .json file
<p>I have seen a few different posts about not being able to find local files to open them up whether they be images or data files, but none of the solutions have worked for me. My guess would be there is some configuration I'm missing. </p>

<p>The file I'm looking for is in a folder named "data" on the same level as my app.html and app.ts files.</p>

<p>Here is what I have in app.html, PS I'm also using Ionic2:</p>

<pre><code>&lt;ion-menu (click)='getDepartments()' side='right' type='overlay' [content]="content"&gt;
</code></pre>

<p>and in the app.ts file I have:</p>

<pre><code>getDepartments() {
    this.http.get('/data/data.json')
        .map(res =&gt; res.json())
        .subscribe(
            data =&gt; this.departments = data,
            err =&gt; console.log(err),
            () =&gt; console.log('Random Quote Complete')
        );
}
</code></pre>

<p>I've tried:</p>

<pre><code>./data/data.json

data/data.json

app/data/data.json
</code></pre>

<p>and any other path. And they all return a 404 file not found error. This seems just like growing pains with getting familiar with Angular 2. Thanks in advance </p>