title: ERROR TypeError: jit_nodeValue_7(...).$any is not a function
body: <p>when i complie mi app, i have this error, ERROR TypeError: jit_nodeValue_7(...).$any is not a function
  I have tried almost everything avalible. But I am not able to find any solution I have re install all packeges, and update bur nothing</p>
  
  <p><a href="https://i.stack.imgur.com/n889a.png" rel="nofollow noreferrer">enter image description here</a></p>
  
  <p>my package.json is</p>
  
  <pre><code>"dependencies": {
  "@agm/core": "^1.0.0-beta.0",
  "@angular/animations": "^4.3.1",
  "@angular/cdk": "^5.1.0",
  "@angular/common": "^5.0.0",
  "@angular/compiler": "^5.0.0",
  "@angular/core": "^5.0.0",
  "@angular/forms": "^5.2.1",
  "@angular/http": "^5.0.0",
  "@angular/material": "^5.1.0",
  "@angular/platform-browser": "^5.2.1",
  "@angular/platform-browser-dynamic": "^5.0.0",
  "@angular/platform-server": "^5.0.0",
  "@angular/router": "^5.0.0",
  "angular-form-validator": "^1.6.2",
  "angular-material-source": "github:angular/material",
  "angular2-material-datepicker": "^0.5.0",
  "animate.css": "^3.5.2",
  "arrive": "^2.3.1",
  "bootstrap": "^3.3.5",
  "bootstrap-material-design": "^0.5.10",
  "bootstrap-notify": "^3.1.3",
  "bootstrap-select": "^1.12.2",
  "bootstrap-tagsinput": "^0.7.1",
  "chartist": "^0.9.4",
  "chartist-plugin-zoom": "^0.4.0",
  "core-js": "^2.4.1",
  "datatables": "^1.10.12",
  "datatables.net-bs": "^1.10.12",
  "datatables.net-responsive": "^2.1.1",
  "eonasdan-bootstrap-datetimepicker": "^4.17.47",
  "fullcalendar": "^3.4.0",
  "googleapis": "^19.0.0",
  "hammerjs": "^2.0.8",
  "jasny-bootstrap": "^3.1.3",
  "jquery": "^1.12.4",
  "jquery-validation": "^1.17.0",
  "jvectormap": "^2.0.4",
  "moment": "^2.18.1",
  "ng2-nouislider": "^1.6.1",
  "ng2-select": "^1.2.0",
  "ngx-chips": "^1.4.6",
  "nouislider": "^9.2.0",
  "perfect-scrollbar": "^1.2.0",
  "rxjs": "^5.5.2",
  "sweetalert2": "^7.0.5",
  "twitter-bootstrap-wizard": "^1.2.0",
  "typescript": "^2.4.2",
  "validate": "^3.0.1",
  "web-animations-js": "^2.3.1",
  "zone.js": "^0.8.4"
  </code></pre>
  
  <p>and my component is </p>
  
  <pre><code>import { Component, OnInit, ElementRef } from '@angular/core';
  import { userLogin } from 'app/entities';
  import { UserService } from '../user.service';
  
  declare var $: any;
  
  @Component({
  selector: 'app-login-cmp',
  templateUrl: './login.component.html'
  })
  
  export class LoginComponent implements OnInit {
  private toggleButton: any;
  private sidebarVisible: boolean;
  private nativeElement: Node;
  constructor(private element: ElementRef, private userService: UserService, ) 
  {
      this.nativeElement = element.nativeElement;
      this.sidebarVisible = false;
  }
  public user: userLogin;
  ngOnInit() {
  
      this.user = {username:'',downtown:'tunja',password:''};
      this.userService.loginUser(this.user); 
  
      var navbar: HTMLElement = this.element.nativeElement;
      this.toggleButton = navbar.getElementsByClassName('navbar-toggle')[0];
  
      setTimeout(function () {
          // after 1000 ms we add the class animated to the login/register card
          $('.card').removeClass('card-hidden');
      }, 700);
  }
  
  sidebarToggle() {
      var toggleButton = this.toggleButton;
      var body = document.getElementsByTagName('body')[0];
      var sidebar = document.getElementsByClassName('navbar-collapse')[0];
      if (this.sidebarVisible == false) {
          setTimeout(function () {
              toggleButton.classList.add('toggled');
          }, 500);
          body.classList.add('nav-open');
          this.sidebarVisible = true;
      } else {
          this.toggleButton.classList.remove('toggled');
          this.sidebarVisible = false;
          body.classList.remove('nav-open');
      }
  }
  
  //Funciones
  onSubmit() {  
      this.userService.loginUser(this.user); }
  </code></pre>
  
  <p>}</p>
  
  <p>and my html is </p>
  
  <pre><code>&lt;div class="wrapper wrapper-full-page"&gt;
  
  &lt;div class="full-page login-page" filter-color="black"&gt;
      &lt;!--  you can change the color of the filter page using: data-color="blue | purple | green | orange | red | rose " --&gt;
      &lt;br&gt;
      &lt;br&gt;
      &lt;br&gt;
      &lt;br&gt;
      &lt;br&gt;
      &lt;div class="content"&gt;
          &lt;div class="container"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-md-4 col-sm-6 col-md-offset-4 col-sm-offset-3"&gt;
                      &lt;form method="#" action="#" #loginForm="ngForm"  (ngSubmit)="onSubmit()"&gt;
                          &lt;div class="card card-login card-hidden"&gt;
                              &lt;div class="card-header text-center" data-background-color="rose"&gt;
                                  &lt;h4 class="card-title"&gt;Login&lt;/h4&gt;
                              &lt;/div&gt;
                              &lt;div class="card-content"&gt;
  
                                  &lt;div class="input-group"&gt;
                                      &lt;span class="input-group-addon"&gt;
                                          &lt;i class="material-icons"&gt;email&lt;/i&gt;
                                      &lt;/span&gt;
                                      &lt;div class="form-group label-floating"&gt;
                                          &lt;label class="control-label"&gt;Usuario&lt;/label&gt;
                                          &lt;input type="text" class="form-control" required [(ngModel)]="user.username" name="username"&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="input-group"&gt;
                                      &lt;span class="input-group-addon"&gt;
                                          &lt;i class="material-icons"&gt;lock_outline&lt;/i&gt;
                                      &lt;/span&gt;
                                      &lt;div class="form-group label-floating"&gt;
                                          &lt;label class="control-label"&gt;Password&lt;/label&gt;
                                          &lt;input type="password" class="form-control" required [(ngModel)]="user.password" name="password"&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div class="footer text-center"&gt;
                                  &lt;button type="submit" class="btn btn-rose btn-simple btn-wd btn-lg"&gt;Iniciar sesion&lt;/button&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/form&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;footer class="footer"&gt;
          &lt;div class="container"&gt;
              &lt;p class="copyright pull-right"&gt;
                  &amp;copy; {{test | date: 'yyyy'}}
                  &lt;a href="https://www.Zuama.com"&gt;Zuama&lt;/a&gt;
              &lt;/p&gt;
          &lt;/div&gt;
      &lt;/footer&gt;
      &lt;div class="full-page-background" style="background-image: url(../../../assets/img/login.jpeg) "&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>