【chrome】500 Internal Server Errorの原因を調べるには?

非同期通信の処理など、ページの遷移がない処理がうまく動作しない時、
デベロッパーツールのconsoleに「500 Internal Server Error」が出ている場合があります。

 

こうしたとき、デベロッパーツールのnetworkタブを見ることで、エラー内容を確認することができます。

 

f:id:kento0824jp:20180107214831p:plain

 

ここで「status」列に500と表示されているものがあれば、
それがエラーの発生したサーバー側のプログラムです。

f:id:kento0824jp:20180107214942p:plain

該当のリソースを選択して、previewタグを見るとエラー内容が表示されています。