こんにちは。たなかです。
参画しているプロジェクトで散々苦しめられているIonicですが、携わっているうちに「なんだか結構面白いかも？」と思い、現在は個人で学習中です。
テストアプリを立ち上げてみてブラウザで確認！ Ionic serve！
$ ionic serve
Start a local dev server for app dev/testing
(引用元はこちら)
気になるファイルを片っ端からいじっていきます。
田中「app.module.tsってなんだろう？編集！」
Ionic「Building…(ローディングぐるぐる)」
田中「home.htmlがビュー担当かな？文言変更！」
Ionic「Building…(ローディングぐるぐる)」
田中「セミコロン入れ忘れちゃった！修正！」
Ionic「Building…(ローディングぐるぐる)」
ページを更新せずとも、ローカルファイルの変更がすぐに反映されるのでなんか気持ちいいです。
変更がブラウザに反映されない？
そんな具合で画面に色々パーツを追加してみましたが、作業しているうちにブラウザでうまく反映されなくなってしまいました。
えー。ページを更新しても治りません。
Ionic serveを再入力すると治りますが、その都度サーバーを立ち上げ直すのもいちいち時間がかかるし面倒です。
解決方法
編集した.tsファイルを再保存してみる！
Ionic serveはソースファイルの変更を監視して、更新されたファイルを自動的にリロードする仕組みのようなので、編集したTypescriptファイル上で[cmd + s]を叩いてやればそれだけで解決することが分かりました。
わかってしまえば簡単なことでしたが、いちいちサーバー立ち上げ直す必要がなくなってすっごく快適です。よかったー。
本当にどうしようもないときは潔く再起動しなきゃですが、チリも積もれば的に開発スピードが上がると良いですね。
短いですが今回はここまで。
