2017-07-04 10 views
2
私は私のAngular2のsrc/appフォルダの中からJSONファイルを読み込むしようとしている

からJSONデータを読み込む: -角度2 CLIプロジェクトは、次のように</p> <p>ディレクトリ構造があるファイル

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私は、ファイルを配置する必要がありますhttp://localhost:4200/config.json 404(見つかりません)

をGET!

srcディレクトリに無駄に移動しようとしました。私も試してみた: - 私もアプリの下で資産フォルダを追加し、そこにそれを追加しましたが、それはどちらか

を動作しませんでした ./app/config.json

アプリ/ 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(見つからない) – BigBytes

+2

config.jsonファイルをsrc/assetsフォルダ内に追加する必要があります。 src/app/assetsフォルダ – NuttLoose

+1

ありがとうございました!これは問題を解決しました! – BigBytes

関連する問題