LoginSignup
0
0

More than 5 years have passed since last update.

Nuxtでエラー発生時のcomponentの中身を調べる方法👓

Last updated at Posted at 2019-03-02

最近、nuxt.jsを触ることが多くなってきたが、生のvue.jsの時と比べて不満だったことは、 エラーが発生した際に自動的にerror.vueにredirectすること。

これが
スクリーンショット 2019-03-02 13.28.58.png

こう
スクリーンショット 2019-03-02 13.29.46.png

いや、本番ならいいんですよ。そうするべき。やけど開発時にerror.vueにredirectすると、redirectするためpageコンポーネントがerror.vueになってしまい、エラー発生時ののpageコンポーネント(MyPage.vue)の中身を vueのdevtoolで見れなくなってしまう(上記スクショの右側)。生のvueだとエラーが発生した時点でコンポーネントが固まるのでdevtoolsで見れていたので不便だなあと感じた。

main.js
Vue.config.errorHandler = (err, vm, info) => {
  console.error(err, vm, info)
  alert('エラー出たってよ') 
}

https://jp.vuejs.org/v2/api/index.html#errorHandler

errorHandleralert()をぶっこむと、そこで画面が止まるのでdevtoolsでcomponentの中を調査できる🤩

スクリーンショット 2019-03-02 13.30.28.png

多分もっといい方法あるんで教えてエロイ人

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0