Console error in Chrome alone


#1

@Calendee Please help! I keep getting this error in Chrome console but on trying out my app in Firefox there’s no single line of error! What’s more is I don’t know for certain what the error references (on nightly build):

TypeError: Cannot read property 'exp' of undefined at watchFnToHumanReadableString (<anonymous>:703:19) at Scope.$delegate.__proto__.$watch (<anonymous>:735:28) at link (http://localhost:8080/lib/js/ionic.bundle.js:36950:16) at nodeLinkFn (http://localhost:8080/lib/js/ionic.bundle.js:13759:13) at compositeLinkFn (http://localhost:8080/lib/js/ionic.bundle.js:13169:15) at publicLinkFn (http://localhost:8080/lib/js/ionic.bundle.js:13074:30) at updateView (http://localhost:8080/lib/js/ionic.bundle.js:37157:11) at http://localhost:8080/lib/js/ionic.bundle.js:37110:9 at nodeLinkFn (http://localhost:8080/lib/js/ionic.bundle.js:13759:13) at compositeLinkFn (http://localhost:8080/lib/js/ionic.bundle.js:13165:15) <ion-view class="pane">


#2

Let me also add that my app runs just fine in Firefox but in Chrome the navbar is invisible!


#3

Can you post a sample of code that causes that? I have no idea where to begin.

Also, if you click the link to at link (http://localhost:8080/lib/js/ionic.bundle.js:36950:16) in Chrome, it will take you to likne 36950 of the Ionic bundle that you are using.


#4

I’m not sure what code causes it to happen since I just upgraded from v0.9.27 to beta.2 to fix a bug and this happened when I loaded the app in Chrome (same behaviour - nav bar invisible).

This was the stack trace:

TypeError: Cannot read property 'exp' of undefined
at watchFnToHumanReadableString (<anonymous>:703:19)
at Scope.$delegate.__proto__.$watch (<anonymous>:735:28)
at http://URL/app/libs/ionic/ionic-angular.min.js:16:16733
at nodeLinkFn (http://URL/app/libs/angular/angular.js:6353:13)
at compositeLinkFn (http://URL/app/libs/angular/angular.js:5764:15)
at nodeLinkFn (http://URL/app/libs/angular/angular.js:6347:24)
at compositeLinkFn (http://URL/app/libs/angular/angular.js:5764:15)
at publicLinkFn (http://URL/app/libs/angular/angular.js:5669:30)
at d (http://URL/app/libs/ionic/ionic-angular.min.js:16:17569)
at http://URL/app/libs/ionic/ionic-angular.min.js:16:18000 <ion-view left-buttons="leftButtons" right-buttons="rightButtons" class="pane"> 

I’m on version v1.3.0-beta.3 of angular js.


#5

i have the same problem with this error in console. and my header bar is also gone


#6

there is a class set to invisible on the header which comes most probably from the directive


#7

Same here, not working in google chrome. On Android and Firefox is ok.


#8

i have also problems in firefox. also my back button disappears in browser. on the phone it is ok. and the ion-content is moved up without changing anything.


#9

Hi @Calendee. Here’s my setup for the sidemenu, please why is the class invisible getting injected in my navbar and giving the error above?

<ion-side-menus>

  
  <ion-side-menu-content>
    <ion-nav-bar class="bar-positive"></ion-nav-bar>
    <ion-nav-buttons side="left">
      <button class="button button-icon button-clear ion-navicon" ng-click="toggleLeft()">
      </button>
    </ion-nav-buttons>  
    <ion-nav-view class="slide-left-right" name="menuContent"></ion-nav-view>
  </ion-side-menu-content>
  
  <ion-side-menu side="left">
    <ion-header class="bar bar-header bar-positive">
      
    </ion-header>
    <ion-content class="has-header">

      <ul class="list userblock">
        <li><a class="item item-icon-left" href="#/profile" ng-click="toggleMenu()"><i class="icon ion-ios7-person-outline"></i>John Doe</a></li>
      </ul>

      <ul class="list">
        <li><a class="item item-icon-left" href="#/jobs" ng-click="toggleMenu()"><i class="icon ion-ios7-browsers-outline"></i>Recent Jobs</a></li>
        <li><a class="item item-icon-left" href="#/categories" ng-click="toggleMenu()"><i class="icon ion-ios7-briefcase-outline"></i>Job Categories</a></li>
        <li><a class="item item-icon-left" href="#/search" ng-click="toggleMenu()"><i class="icon ion-ios7-search"></i>Job Search</a></li>
        <li><a class="item item-icon-left" href="#/categories" ng-click="toggleMenu()"><i class="icon ion-ios7-gear-outline"></i>About JobMag</a></li>
        <li><a class="item item-icon-left" ng-click="doLogout()"><i class="icon ion-ios7-unlocked-outline"></i>Log Out</a></li>
        <li><a class="item item-icon-left" ng-click="doExit()"><i class="icon ion-ios7-bolt-outline"></i>Exit</a></li>
      </ul>
    </ion-content>
  </ion-side-menu>

</ion-side-menus>

#10

Hi,

Clear the cache and try again. I’ve just had this issue this morning and It worked for me.

Cheers


#11

Yes, clearing the the cookies solved the problem. Thanks.


#12

Thanks man, that did the trick for me!


#13

The real question is why is this happening?

If anyone has this issue, please take a dump of your cookies and post them here before you clear them.


#14

I recently ran into this issue starting with the blank project.

Here is my entire cookie set from localhost:8000 (where the project is being hosted).

[
  {
      "domain": "localhost",
      "hostOnly": true,
      "httpOnly": false,
      "name": "__ngDebug",
      "path": "/",
      "secure": false,
      "session": true,
      "storeId": "0",
      "value": "true",
      "id": 1
    }
  ]

The plugins in chrome I had installed are EmberJS inspector and AngularJS Batarang. Hope this helps!


#15

Yes, I can confirm that the AngularJs Batarang chrome extension has much to do with this behavior. Each time I disable the extension, the navbars re-appear.


#16

Yes Batarang is the problem.
I lost one hour of my life thinking it was a bug into my code :frowning: