2016-07-01 52 views
1

Wie gehen Sie als Ionic Developer mit Browser-Debugging vor?Effektives Debugging Ionic im Browser

Ich arbeite seit ein paar Wochen mit Ionic, und obwohl ich mit seinem Design fertig bin, habe ich immer noch Probleme mit dem Debuggen.

In den meisten Fällen wird ein sehr generischer, nicht veröffentlichter Fehler vom ionischen Framework zurückgegeben, und keine der im StackTrace bereitgestellten Informationen verweist jemals auf meinen eigenen Quellcode (siehe Beispiel unten). Ich weiß nicht einmal, wo ich anfangen soll.

Error: node is undefined compile/<@http://localhost:8100/lib/ionic/js/ionic.bundle.js:20673:1 [email protected]http://localhost:8100/lib/ionic/js/ionic.bundle.js:13648:11 [email protected]http://localhost:8100/lib/ionic/js/ionic.bundle.js:20672:7 [email protected]http://localhost:8100/lib/ionic/js/ionic.bundle.js:58872:14 [email protected]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/[email protected]http://localhost:8100/lib/ionic/js/ionic.bundle.js:55182:13 ionicViewSwitcher.create/[email protected]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/[email protected]http://localhost:8100/lib/ionic/js/ionic.bundle.js:55005:23 ionicViewSwitcher.create/[email protected]http://localhost:8100/lib/ionic/js/ionic.bundle.js:54915:11 [email protected]http://localhost:8100/lib/ionic/js/ionic.bundle.js:56743:5 [email protected]http://localhost:8100/lib/ionic/js/ionic.bundle.js:56701:5 [email protected]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 [email protected]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 [email protected]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

Antwort

1

Hier einige Tipps, die Sie

1.use ionic serve -l für einen Emulator Webansicht dann finden Element zu inspizieren gehen zu console beim Debuggen hilft es zeigt Ihnen alle Fehler in Ihnen aufgetreten app

2.Attached Smartphone und nutzen chrome://inspect Ihre Anwendung

3.zu inspizieren