Angular 2：在本地.json文件中找不到文件 [英] Angular 2: file not found on local .json file

问题描述

我看到了一些关于无法找到本地文件来打开它们的不同文章，不管它们是图像还是数据文件，但没有任何解决方案适用于我。我的猜测会是我缺少一些配置。

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.

我正在查找的文件位于与我的app.html和app.ts文件相同级别的名为data的文件夹中。

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

以下是我在app.html中所拥有的，PS我也使用了Ionic2：

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

<ion-menu (click)='getDepartments()' side='right' type='overlay' [content]="content">

以及app.ts文件中的内容：

and in the app.ts file I have:

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

我试过了：

I've tried:

./data/data.json

data/data.json

app/data/data.json

以及其他路径。他们都返回一个404文件找不到错误。这看起来就像是熟悉Angular 2一样成长起来的痛苦。在此先感谢

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

推荐答案

以前的答案据说直接把它 www 文件夹以使其可用于应用程序。我会说这不是最好的解决方案，因为在新创建的Ionic2项目中使用 .gitignore 排除了 www 文件夹。

Previous answers have said to put it directly in the www folder to make it available to the app. I would say this is not the best solution as the www folder is excluded using .gitignore in a newly created Ionic2 project.

取而代之的是放在 src / assets 文件夹中，它也会在App中提供，它会不要从git repo中排除（默认情况下）。
然后你可以使用： this.http.get（'assets / file.json'）;

Instead put it inside the src/assets folder and it will also be made available in App and it will NOT be excluded from the git repo (by default). Then you can access using: this.http.get('assets/file.json');

您可以修改.gitignore文件，但是您可能会包含其他不必要的文件。

You could modify the .gitignore file, but then you may be including other unnecessary files.

这篇关于Angular 2：在本地.json文件中找不到文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！