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">

1 Like
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.

1 Like
5

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

1 Like
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

1 Like
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.

2 Likes
16

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