2017-07-04 106 views
2

我想從我的Angular2的src/app文件夾內讀取一個JSON文件中讀取JSON數據角2 CLI項目從文件

的目錄結構如下: -

enter image description here

我試圖使用下面的代碼讀取app.config.js文件: -

public load() { 
    return new Promise((resolve, reject) => { 
     this._http.get("config.json") 
      .map(res => res.json()) 
      .subscribe((data) => { 
       this.cache['config.json'] = new ConfigData(data.json()); 
       resolve(true); 
      }); 
    }); 
} 

但一切我嘗試以下錯誤的結果: -

zone.js:2224 GET http://localhost:4200/config.json 404(未找到)

我在哪裏需要把文件?

我試着將它移動到src目錄無濟於事。我也試過: -

應用程序/ config.json ./app/config.json

我還增加了資產的文件夾下的應用程序,並添加到它那裏,但沒有工作,要麼

我需要做什麼?

感謝

+0

您需要將外部文件放入資產文件夾。 – echonax

+0

我試過,但那也沒有工作 – BigBytes

+0

你也可以將它添加到你的問題? – echonax

回答

2

放入資產文件夾中的config.json文件,更改請求下,

public load() { 
    return new Promise((resolve, reject) => { 
     this._http.get("assets/config.json") 
      .map(res => res.json()) 
      .subscribe((data) => { 
       this.cache['config.json'] = new ConfigData(data.json()); 
       resolve(true); 
      }); 
    }); 
} 

它應該工作。請務必重新啓動以使更改反映在www/assets文件夾中。

+0

仍給出相同的錯誤: - zone.js:2224 GET http:// localhost:4200/assets/config.json 404(Not Found) – BigBytes

+2

您必須在src/assets文件夾內添加config.json文件, src/app/assets文件夾,因爲您在問題 – NuttLoose

+1

中已經使用了謝謝!這解決了問題! – BigBytes