有効なデバッグブラウザのIonic

Question

Ionic Developerとして、ブラウザのデバッグをどのように進めますか？

私は数週間、Ionicと作業していましたが、私はその設計を取り巻いていますが、デバッグに関してはまだ苦労しています。

ほとんどの場合、イオンフレームワークからは非常に一般的で冗長ではないエラーが返され、スタックトレースで提供される情報は自分自身のソースコードを指していません（下記の例を参照）。私はどこから始めるべきか分からない。ここで

Error: node is undefined compile/<@http://localhost:8100/lib/ionic/js/ionic.bundle.js:20673:1 forEach@http://localhost:8100/lib/ionic/js/ionic.bundle.js:13648:11 compile@http://localhost:8100/lib/ionic/js/ionic.bundle.js:20672:7 generateNavBarItem@http://localhost:8100/lib/ionic/js/ionic.bundle.js:58872:14 self.beforeEnter@http://localhost:8100/lib/ionic/js/ionic.bundle.js:58811:26 $RootScopeProvider/this.$gethttp://localhost:8100/lib/ionic/js/ionic.bundle.js:29404:15 ionicViewSwitcher.create/switcher.emit@http://localhost:8100/lib/ionic/js/ionic.bundle.js:55182:13 ionicViewSwitcher.create/switcher.transition@http://localhost:8100/lib/ionic/js/ionic.bundle.js:55038:13 self.render/<@http://localhost:8100/lib/ionic/js/ionic.bundle.js:56749:7 ionicViewSwitcher.create/switcher.init/<@http://localhost:8100/lib/ionic/js/ionic.bundle.js:54916:25 ionicViewSwitcher.create/switcher.render@http://localhost:8100/lib/ionic/js/ionic.bundle.js:55005:23 ionicViewSwitcher.create/switcher.init@http://localhost:8100/lib/ionic/js/ionic.bundle.js:54915:11 self.render@http://localhost:8100/lib/ionic/js/ionic.bundle.js:56743:5 self.register@http://localhost:8100/lib/ionic/js/ionic.bundle.js:56701:5 updateView@http://localhost:8100/lib/ionic/js/ionic.bundle.js:62357:11 .compile/http://localhost:8100/lib/ionic/js/ionic.bundle.js:62334:11 $RootScopeProvider/this.$gethttp://localhost:8100/lib/ionic/js/ionic.bundle.js:29477:15 transitionTo/$state.transition<@http://localhost:8100/lib/ionic/js/ionic.bundle.js:49321:11 processQueue@http://localhost:8100/lib/ionic/js/ionic.bundle.js:27879:28 scheduleProcessQueue/<@http://localhost:8100/lib/ionic/js/ionic.bundle.js:27895:27 $RootScopeProvider/this.$gethttp://localhost:8100/lib/ionic/js/ionic.bundle.js:29158:16 $RootScopeProvider/this.$gethttp://localhost:8100/lib/ionic/js/ionic.bundle.js:28969:15 $RootScopeProvider/this.$gethttp://localhost:8100/lib/ionic/js/ionic.bundle.js:29263:13 timeout/timeoutId<@http://localhost:8100/lib/ionic/js/ionic.bundle.js:31030:25 completeOutstandingRequest@http://localhost:8100/lib/ionic/js/ionic.bundle.js:18706:7 Browser/self.defer/timeoutId<@http://localhost:8100/lib/ionic/js/ionic.bundle.js:18978:7

Answer 1

エミュレータWeb表示用にionic serve -l 1.use

のデバッグに役立ちますいくつかのヒントが、それはあなたのすべてのエラーがあなた アプリ

で発生した示し console見つけ要素を検査するために行くです

は、あなたのスマートフォンを2.Attachedし、アプリケーション検査するchrome://inspectを使用

3. ionic run -lc

Answer 2

これはJavaScriptであるため、Debugging with breakpoints (Debugging JavaScript)も使用できます。これはあなたに大いに役立ちます。デバッグについて

より：How to Properly Debug Your Ionic Application。