読者です 読者をやめる 読者になる 読者になる

angular2でhttpのコードを追加したらエラーになった

angular

angular2で、Http Clientの機能を使ってリモートサーバーと通信。

https://angular.io/docs/ts/latest/guide/server-communication.html
チュートリアルのコードは動いたけど、
自分で作ろうとしたらエラーになった。

SyntaxError: expected expression, got '<'
    Evaluating http://localhost:3000/angular2/http
    Error loading http://localhost:3000/app/main.ts
https://code.angularjs.org/2.0.0-beta.9/angular2-polyfills.js
Line 1243

http://stackoverflow.com/questions/34466866/angular2-http-error

index.html
に、

<script src="https://code.angularjs.org/2.0.0-beta.11/http.dev.js"></script>

のようにhttp.dev.jsを足したら解決。

エラー2個目

EXCEPTION: No provider for Http! (LoginComponent -> Http)

http://stackoverflow.com/questions/33721276/angular-2-no-provider-for-http

main.tsに、

import { HTTP_PROVIDERS } from 'angular2/http';

を足したら直った。

エラー3個目

XMLHttpRequest 0x80070005 angular
XMLHttpRequest: ネットワーク エラー 0x80070005,

crosssite通信の禁止?

http://stackoverflow.com/questions/34540061/how-to-make-angular2-properly-trigger-the-correct-callback-after-successful-pref

npm install cors