2017-04-08 12 views
0

ang/cli 1.0.0にアップグレードする前にサービスが動作しますおそらく今1.0.0ベータ23の角度-CLIと私はfinal @ angle/cli 1.0.0へのアップグレード時にエラーが発生しました:Object.parse()の位置0のJSONで予期しないトークン<が発生しました

GET http://localhost:4200/json/inputInventory/inputInventory.json 404 (Not Found) core.es5.js:1084 ERROR SyntaxError: Unexpected token < in JSON at position 0 at Object.parse()

現在のサービスの問題を持っている:

.... ommitted

private inputmaterialInputUrl = 'json/inputInventory/inputMaterial.json'; 

constructor(private http: Http) { 
} 

getInputPO(): Observable<InputInventoryModel[]> { 
    return this.http.get(this.inputInventoryUrl) 
     .map((res: Response) => res.json()) 
     .catch((error: any) => Observable.throw(error.json().error || "Json error")); 

} .... omitted 

コンポーネントを呼び出すサービス

.... omitted

export class InputInventoryComponent {

@ViewChild('largeModal') largeModal; 

id: any; 

public data: InputInventoryModel[]; 
public selectedItem = { 
    id: "0", 
    date: "", 
    PO: "", 
    supplier: "", 
    detail: "", 
    price: "", 
    cost: "", 
    note: "" 
}; 

constructor(public inventoryService: InventoryService, public router: Router) { 
    inventoryService.getInputPO() 
     .subscribe(items => { 
      this.data = items; 
      console.log(items); 
     }); 
} ....omitted 

と* ngFor式によるGUIレンダリングデータ項目

jsonはフォーマットされており、jsonのオンラインチェックツールから有効です。

JSONファイル:

[ 
{ "id": 1, 
    "date": "01/01/2017", 
    "PO": "NA12451", 
    "supplier": "Công Ty TNHH Việt Nam - TMT 256", 
    "detail": ["02 Máy In LINX 1200","02 Keyboard Mítumi","05 Hộp Mực In LINX1200","12 Cartridges 1033"], 
    "price": 250000, 
    "cost": 21500, 
    "note": "This is note 01 for order 01 date 12/12/2016" 

}、
{ "ID":2、 "日付": "2017年1月2日"、 "PO": "NA12452"、 「サプライヤー": "CONGのTy TNHHベトナム - TMT 256"、 "詳細":[" LINX1200" で05ホップMUC、 "12個のカートリッジ1033"]、 "価格":340000、 "コスト":215000、 "メモ: "01/12/2016注文01の注01、"
"、
{"id":3、 "date": "01/03/2017"、 "PO": "NB12453"、 "サプライヤ": "CôngTy TNHHViệtNam-TMT 256"、 "詳細" :"price":250000、 "cost":200015、 "note": "02"、 "02キーボードミツミ"、 "05HộpMựcIn LINX1200"、 "12 Cartridges 1033" 「これは、オーダー01日付のノート01である2016年12月12日」
}私は、角度/ CLI 1.0.0にアップグレードすると、角度2.4.8

まで ]

私は、問題が発生していませんよ誰でもできるどこから問題が発生しているのかを指摘するlp 私は)私はこのエラーが角度CLIのアップグレードに関係しているかわからないんだけど、私はngOnInit(に次のコードを移動し始めるだろう

+0

問題がサーバでありますJSONを返していないので、 '予期しないトークン<'エラーが発生しています。クロームデバッガを開き、返された結果を確認します。 –

+0

いいえ、バックエンドにはまだ接続していません。アプリケーションの同じフォルダにあるjsonファイルを使用し、angle/httpサービス経由で呼び出すと、angle-cliベータ23を最終1.0.0にアップグレードする前に正常に機能しました、角のcliのベータ23にロールバックして、うまく動作しているすべて – Leean

答えて

0

に感謝:

inventoryService.getInputPO() 
    .subscribe(items => { 
     this.data = items; 
     console.log(items); 
    }); 
+0

私はすでにngOnInitに移動しましたが、それでもhapended。 angular-cli beta 23へのロールバック、問題はありません。 – Leean

関連する問題