# Super expression must either be null or a function, not undefined in Angular 6 app

**URL:** <https://devforum.zoom.us/t/super-expression-must-either-be-null-or-a-function-not-undefined-in-angular-6-app/13588>\
**Category:** Web\
**Created:** [April 16, 2020, 9:53pm UTC](https://devforum.zoom.us/t/super-expression-must-either-be-null-or-a-function-not-undefined-in-angular-6-app/13588 "2020-04-16T21:53:44Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![nasir](https://avatars.discourse-cdn.com/v4/letter/n/3bc359/32.png) [@nasir](https://devforum.zoom.us/u/nasir)\
**Post date:** [April 16, 2020, 9:53pm UTC](https://devforum.zoom.us/t/super-expression-must-either-be-null-or-a-function-not-undefined-in-angular-6-app/13588/1 "2020-04-16T21:53:45Z")

</div>

**Description**  
I created an angular 6 app in which I integrated zoom SDK for video conferencing. After integrating the SDK the entire app stops working which works fine before integrating Zoom Web SDK. And in the developer’s console I get the following error.

**Error**  
Uncaught TypeError: Super expression must either be null or a function, not undefined.

**Which version?**  
The updated Zoom SDK version 1.7.5  
Angular version 6

**Screenshots**

 ![Capture](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/2X/4/44fde9767bc20fe269466cc4c5bd4477b0b62c6c.png)

Can you please help me out with this issue ?

Thanks

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [April 17, 2020, 6:40am UTC](https://devforum.zoom.us/t/super-expression-must-either-be-null-or-a-function-not-undefined-in-angular-6-app/13588/2 "2020-04-17T06:40:27Z")

</div>

Hey @nasir,

Have you seen our Angular Web SDK Sample App:

> **[zoom/websdk-sample-angular](https://github.com/zoom/websdk-sample-angular)**
>
> Use the Zoom Web SDK in an Angular App. Contribute to zoom/websdk-sample-angular development by creating an account on GitHub.

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![nasir](https://avatars.discourse-cdn.com/v4/letter/n/3bc359/32.png) [@nasir](https://devforum.zoom.us/u/nasir)\
**Post date:** [April 17, 2020, 10:26am UTC](https://devforum.zoom.us/t/super-expression-must-either-be-null-or-a-function-not-undefined-in-angular-6-app/13588/3 "2020-04-17T10:26:33Z")

</div>

Hi Tommy,

Yes, I have seen the Angular Web SDK Sample App. I used the same code in my app. Still getting the same error. The app works fine when I run it on my local machine. But when I deploy it on the server I get this error.

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [April 20, 2020, 5:21pm UTC](https://devforum.zoom.us/t/super-expression-must-either-be-null-or-a-function-not-undefined-in-angular-6-app/13588/4 "2020-04-20T17:21:05Z")

</div>

Hey @nasir,

Can you share your github repo so I can reproduce the issue?

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![nasir](https://avatars.discourse-cdn.com/v4/letter/n/3bc359/32.png) [@nasir](https://devforum.zoom.us/u/nasir)\
**Post date:** [April 27, 2020, 6:29pm UTC](https://devforum.zoom.us/t/super-expression-must-either-be-null-or-a-function-not-undefined-in-angular-6-app/13588/5 "2020-04-27T18:29:40Z")

</div>

Hi Tommy,

I’m getting the error on this url.  
[http://dest.teacherondemand.co/](http://dest.teacherondemand.co/)

import { Component, OnInit, Inject } from ‘@angular/core’;  
import { HttpClient } from ‘@angular/common/http’;  
import { DOCUMENT } from ‘@angular/common’;  
import { ZoomMtg } from ‘@zoomus/websdk’;  
import { environment } from ‘…/…/…/environments/environment’;  
import \* as jwt\_decode from “jwt-decode”;

@Component({  
selector: ‘app-root’,  
templateUrl: ‘./app.component.html’,  
styleUrls: [’./app.component.css’]  
})

export class AppComponent implements OnInit {

```
title = 'Teacher_On_Demand';

```

private localStream: Stream; // Add  
private remoteCalls: any = ; // Add  
private credentials = {  
apiKey: environment.zoomSdkKey,  
apiSecret: environment.zoomSdkSecret,  
meetingNumber: ‘’,  
role: ‘’,  
leaveUrl: environment.zoomMeetingLeaveUrl,  
userName: ‘’,  
userEmail: ‘’,  
meetingPassword: ‘’  
};

constructor(public httpClient: HttpClient, @Inject(DOCUMENT) document,  
) {

ZoomMtg.preLoadWasm();  
ZoomMtg.prepareJssdk();

```
var meetingDetails = localStorage.getItem('meeting');
var claims = jwt_decode(localStorage.getItem('userToken'));
this.credentials.userEmail = claims.Email;
this.credentials.userName = claims.Name;
this.credentials.meetingNumber = meetingDetails.split('&')[0];
this.credentials.meetingPassword = meetingDetails.split('&')[1];
this.credentials.role = meetingDetails.split('&')[2];

this.getSignature();

```

}

ngOnInit() {

}

getSignature() {

```
  var signature = ZoomMtg.generateSignature({
    meetingNumber: this.credentials.meetingNumber,
    apiKey: this.credentials.apiKey,
    apiSecret: this.credentials.apiSecret,
    role: this.credentials.role,
    success: function(res){
        
    }
});

 this.startMeeting(signature);

```

}

startMeeting(signature) {

```
document.getElementById('zmmtg-root').style.display = 'block'

ZoomMtg.init({
  leaveUrl: this.credentials.leaveUrl,
  isSupportAV: true,
  success: (success) => {
    
    ZoomMtg.join({
      signature: signature,
      meetingNumber: this.credentials.meetingNumber,
      userName: this.credentials.userName,
      apiKey: this.credentials.apiKey,
      userEmail: this.credentials.userEmail,
      passWord: this.credentials.meetingPassword,
      success: (success) => {
        console.log(success)
      },
      error: (error) => {
        console.log(error)
      }
    })
  },
  error: (error) => {
    console.log(error)
  }
})

```

}  
}

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [April 30, 2020, 8:50pm UTC](https://devforum.zoom.us/t/super-expression-must-either-be-null-or-a-function-not-undefined-in-angular-6-app/13588/6 "2020-04-30T20:50:10Z")

</div>

Hey @nasir,

This seems to be an error relating to Angular and your environment. What Angular version are you using?

Please also see the threads here:

[https://devforum.zoom.us/search?q=Super%20expression%20must%20either%20be%20null%20or%20a%20function](https://devforum.zoom.us/search?q=Super%20expression%20must%20either%20be%20null%20or%20a%20function)

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![andrej](https://avatars.discourse-cdn.com/v4/letter/a/d9b06d/32.png) [@andrej](https://devforum.zoom.us/u/andrej)\
**Post date:** [May 4, 2020, 7:14am UTC](https://devforum.zoom.us/t/super-expression-must-either-be-null-or-a-function-not-undefined-in-angular-6-app/13588/7 "2020-05-04T07:14:45Z")

</div>

@tommy I have the same issue and I’m using Angular 8.1.2

---

<div class="post-metadata">

**Author:** ![nasir](https://avatars.discourse-cdn.com/v4/letter/n/3bc359/32.png) [@nasir](https://devforum.zoom.us/u/nasir)\
**Post date:** [May 5, 2020, 10:35am UTC](https://devforum.zoom.us/t/super-expression-must-either-be-null-or-a-function-not-undefined-in-angular-6-app/13588/8 "2020-05-05T10:35:55Z")

</div>

Hi Tommy,

I tried some of the solutions which you shared. But it’s still not working. I added the sdk through  
ZoomMtg.setZoomJSLib(“[https://source.zoom.us/1.6.1/lib](https://source.zoom.us/1.6.1/lib)”, “/av”)  
instead of npm package still getting the same error

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [May 11, 2020, 6:17pm UTC](https://devforum.zoom.us/t/super-expression-must-either-be-null-or-a-function-not-undefined-in-angular-6-app/13588/9 "2020-05-11T18:17:50Z")

</div>

Hey @andrej, @nasir,

Can you provide a GitHub repo with the issue so I can reproduce it locally and debug?

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![DeveloperBot](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/developerbot/32/12632_2.png) [@DeveloperBot](https://devforum.zoom.us/u/DeveloperBot)\
**Post date:** [August 21, 2020, 9:14pm UTC](https://devforum.zoom.us/t/super-expression-must-either-be-null-or-a-function-not-undefined-in-angular-6-app/13588/10 "2020-08-21T21:14:15Z")

</div>

Closed on August 21, 2020, 9:14pm UTC