問(wèn)題描述

我看過(guò)一些關(guān)于無(wú)法找到本地文件來(lái)打開它們的不同帖子，無(wú)論它們是圖像文件還是數(shù)據(jù)文件，但沒(méi)有一個(gè)解決方案對(duì)我有用.我的猜測(cè)是我缺少一些配置.

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 文件處于同一級(jí)別的名為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 中的內(nèi)容，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')
        );
}

我試過(guò)了:

./data/data.json

data/data.json

app/data/data.json

和任何其他路徑.并且它們都返回 404 file not found 錯(cuò)誤.這似乎就像熟悉 Angular 2 的成長(zhǎng)之痛.提前致謝

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

推薦答案

之前的回答都說(shuō)直接放在www文件夾里，讓app可以使用.我想說(shuō)這不是最好的解決方案，因?yàn)樵谛聞?chuàng)建的 Ionic2 項(xiàng)目中使用 .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 中可用，并且不會(huì)從 git repo 中排除(默認(rèn)情況下).然后你可以使用: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 文件，但隨后您可能會(huì)包含其他不必要的文件.

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

這篇關(guān)于Angular 2:在本地 .json 文件中找不到文件的文章就介紹到這了，希望我們推薦的答案對(duì)大家有所幫助，也希望大家多多支持html5模板網(wǎng)！