Websdk not working in deployed environment

Description
Locally the SDK works fine, but when deployed we get a black screen when joining a meeting. If you enter from the zoom software you can see that the user entering from the websdk is “joining …” as shown in the image below. But the user sees all black. No sound, no video.

Error
Console error:
net::ERR_CERT_COMMON_NAME_INVALID

Which Web Client SDK version?
@zoomus/websdk”: “^1.9.6”,

To Reproduce(If applicable)
When a user join a meeting it goes all black and trigger that console errors.

Screenshots
All black screen

Device (please complete the following information):

  • Chrome Browser Versión 91.0.4472.114 (Build oficial) (x86_64)

Quick update:
We did fix the net::ERR_CERT_COMMON_NAME_INVALID error by changing the zoom credentials to a Pro account (was a basic one). But the problem persist and now we get MIME related errors as shown below.

Refused to execute script from 'DOMAIN/node_modules/@zoomus/websdk/dist/lib/webim.min.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.
Still working well Locally.

Ok, we found a workaround and it’s working.

  • Downgrade from 1.9.6 to 1.9.5
  • Used the CDN solution for importing bootstrap and react-select

Despite the solution, Any clue of what might have happened?

Hey @luucaford,

Thank you for reaching out to the Zoom Developer Forum. Is this happening when using the Sample Web App as well? What steps can I take to reproduce the issue on my end?

Thanks,
Max