I’m encountering a Source Map Loading Error in my Angular application when I click the “Start Sharing” button to initialize Zoom media sharing. This issue only occurs on Mac Safari and Mac Firefox, while it works fine on other browsers.
Here’s the code snippet I’m using:
private async ensureClientAndSession(identity: string, activityId: string, role: SessionRole): Promise {
const token = await this.getScreenSharingToken(identity, activityId, role);
console.log(“before client”);
this.client = ZoomVideo.createClient();
console.log(“after client”);
return this.ngZone.runOutsideAngular(async () => {
console.log(“before init”);
await this.client.init(‘en-US’, ‘Global’, { patchJsMedia: true, stayAwake: true });
console.log(“after init”);
console.log(“before join”);
await this.client.join(activityId, token, identity, ‘’, ZoomMediaSharingService.sessionIdleTimeoutMins);
console.log(“after join”);
console.log(“before getMediaStream”);
this.stream = this.client.getMediaStream();
console.log(“after getMediaStream”);
console.log(“after all”);
});
}
The Source Map Loading Error appears in the console between the before join and after join logs.
The relevant console logs indicate that key steps in my ensureClientAndSession method (e.g., before client, after client, before join) are executed, but the error persists.
The implementation involves using ZoomVideo.createClient, followed by this.client.init() and this.client.join(). Screenshots of the console and code are attached for reference.
Zoom SDK Version: zoom/videosdk 1.11.10
Does anyone know how to resolve this Source Map Loading Error, or if it could impact Zoom functionality? Any guidance would be greatly appreciated!
Thank you!