6. 開発サイクル — 自動リロードとエラーの読み方

Angularの開発は「ファイルを保存 → ng serve が自動で再ビルド → ブラウザが自動リロード」の繰り返しです。保存するたびに変更が数秒で画面に反映されるので、コードと画面を行き来しながら小さく試すのが基本のリズムです。ng serve は開発中ずっと起動したままにしておきます。

エラーが出たら見る場所は2つです。文法ミスなどのコンパイルエラーは ng serve を動かしているターミナルに、実行してみて初めて起きるエラーはブラウザのDevTools Console(F12キーで開く)に表示されます。「画面が真っ白になったらまずConsole」を習慣にすると、原因調査が速くなります。

Angularのエラーには NG8001 のように「NG」で始まる固有のコードが付きます。たとえば NG8001 は「知らないタグ名がテンプレートにある」という意味で、importsへの追加忘れが典型的な原因です。エラーコードでそのまま検索すれば公式の解説ページが見つかるので、長いメッセージを全部読むよりまずコードで検索しましょう。