Javascript Angular 2:在local.json文件中找不到文件

我看到过一些关于无法找到本地文件来打开它们（无论是图像还是数据文件）的帖子，但没有一个解决方案对我有效。我想可能是我缺少了一些配置

我要查找的文件位于名为“data”的文件夹中，与我的app.html和app.ts文件处于同一级别

以下是我在app.html中的内容，PS我也在使用Ionic2：

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

我试过：

./data/data.json

data/data.json

app/data/data.json

---

以及任何其他路径。它们都返回一个404文件未找到错误。这看起来就像是熟悉Angular 2的成长之痛。提前感谢

您的服务器能够看到文件夹“/data”吗？确保您的JSON文件与公共/静态文件位于同一目录中。

我没有意识到使用Ionic会编译应用程序文件夹中的所有内容并将其放入www/build文件夹。因此，当我在未编译的应用程序文件夹中放置路径时，我没有意识到我放置路径的文件不是我认为的位置

---

所以我做了两件事，每件都有效。我将文件直接放在www文件中（不要将它们放在构建文件中，因为每次运行ionic Service时它们都会被删除），然后相应地修复路径。或者修复路径，知道在app.ts中查找文件时，需要先退出www/build

之前的答案是将其直接放在

www

文件夹中，以便应用程序可以使用。我认为这不是最好的解决方案，因为在新创建的Ionic2项目中，使用

.gitignore

排除了

www

文件夹

相反，将其放入

src/assets

文件夹中，它也将在应用程序中可用，并且不会从git回购中排除（默认情况下）。 然后您可以使用：

this.http.get（'assets/file.json'）进行访问

您可以修改.gitignore文件，但可能会包含其他不必要的文件。
适用于任何有兴趣解决相同问题的人。如果您正在使用Angular CLI，并且希望通过http访问任何文件夹，如本例中的“data”文件夹

转到Angular-CLI.JSON，然后在apps->assets下添加“文件夹名”，即“数据”


“应用程序”：[
{
“根”：“src”，
“outDir”：“dist”，
“资产”：[
“资产”，
“favicon.ico”，
“数据”
]，
它都是本地的，因此我假设我的“服务器”/计算机可以看到/data文件夹。我的项目中没有公共/静态文件目录。在熟悉angular 2/4个月后，我发现这个答案是正确的长期解决方案。抱歉，切换检查花费了这么长时间
./data/data.json

data/data.json

app/data/data.json