I have integrated the Zoom SDK into Angular, but suddenly, I encountered an error when starting a Zoom meeting

StartMeeting() {
let meetingSDKElement = document.getElementById(‘meetingSDKElement’);
this.ngZone.runOutsideAngular(() => {
this.client
.init({
zoomAppRoot: meetingSDKElement,
language: ‘en-US’,
patchJsMedia: true,
})
.then(() => {
this.client
.join({
signature: signature, // set role is 1 in signature
sdkKey: this.sdkKey,
meetingNumber: this.meetingNumber,
password: this.meetingPassword’,
userName: ‘Deepak Yadav’,
userEmail: ‘test@gmail.com’,
tk: ‘’,
zak: this.zakToken
})
.then(() => {
console.log(‘joined successfully’);
})
.catch((error) => {
console.log(error);
});
})
.catch((error) => {
console.log(error);
});
});

Gets Error as below

{
type: ‘INIT_MEETING_FAILED’,
reason: ‘zoomAppRoot cannot be falsy’,
errorCode: -1
}

Please watch here all the WebSDK Integrations

  • Zoom Meeting SDK Integration with Angular
  • Zoom Meeting SDK Integration with VueJS
  • Zoom Meeting SDK Integration with ReactJS

Thank You @freelancer.nak