Before I completely give up on the Web SDK

Meeting SDK Web
1

Has anyone gotten the SDK to run inside of a Gatsby or ReactJS for that matter? I’ve gone through the docs and forum, but I’m just not able to get this to work. What I wouldn’t give for a clear step by step tutorial right about now… :frowning: Or even better, iFrame support.

Description
After install (via npm) @zoomus/websdk and dependencies, putting bootstrap, jquery, react-select.css stylesheets in, and then placing import { ZoomMtg } from “@zoomus/websdk” into my component. I get errors without trying to do anything more. If I comment out the import, there are no errors.

Error
Uncaught ReferenceError: $ is not defined
at Object. (zoomus-websdk.umd.min.js:2)
at n (zoomus-websdk.umd.min.js:2)
at Object. (zoomus-websdk.umd.min.js:2)
at n (zoomus-websdk.umd.min.js:2)
at Object. (zoomus-websdk.umd.min.js:2)
at n (zoomus-websdk.umd.min.js:2)
at Object. (zoomus-websdk.umd.min.js:2)
at n (zoomus-websdk.umd.min.js:2)
at Object. (zoomus-websdk.umd.min.js:2)
at n (zoomus-websdk.umd.min.js:2)
at Module. (zoomus-websdk.umd.min.js:2)
at n (zoomus-websdk.umd.min.js:2)
at Module. (zoomus-websdk.umd.min.js:2)
at n (zoomus-websdk.umd.min.js:2)
at Object. (zoomus-websdk.umd.min.js:2)
at n (zoomus-websdk.umd.min.js:2)
at Object. (zoomus-websdk.umd.min.js:2)
at n (zoomus-websdk.umd.min.js:2)
at Object. (zoomus-websdk.umd.min.js:2)
at n (zoomus-websdk.umd.min.js:2)
at Module. (zoomus-websdk.umd.min.js:2)
at n (zoomus-websdk.umd.min.js:2)
at Object. (zoomus-websdk.umd.min.js:2)
at n (zoomus-websdk.umd.min.js:2)
at zoomus-websdk.umd.min.js:2
at zoomus-websdk.umd.min.js:2
at zoomus-websdk.umd.min.js:2
at Object…/node_modules/@zoomus/websdk/dist/zoomus-websdk.umd.min.js (zoomus-websdk.umd.min.js:2)
at webpack_require (bootstrap:725)
at fn (bootstrap:100)
at Object…/node_modules/@zoomus/websdk/index.js (index.js:3)
at webpack_require (bootstrap:725)
at fn (bootstrap:100)
at Module. (jitsi.js:28)
at Module…/src/components/app/vidConference/zoom.js (zoom.js:260)
at webpack_require (bootstrap:725)
at fn (bootstrap:100)
at Module. (socket.js:163)
at Module…/src/components/app/vidConference/_vidConference.js (_vidConference.js:206)
at webpack_require (bootstrap:725)
at fn (bootstrap:100)
at Module. (zoom.js:260)
at Module…/src/components/app/window.js (window.js:229)
at webpack_require (bootstrap:725)
at fn (bootstrap:100)
at Module. (volume.js:42)
at Module…/src/components/app/desktop.js (desktop.js:85)
at webpack_require (bootstrap:725)
at fn (bootstrap:100)
at Module. (_entry.js:135)

  • Browser Chrome

Thanks

2

I had the same problem today. It seens that jquery it needed on a global scope. I fixed it by adding this.

image
image886×164 7.02 KB

3 Likes
3

Yah, the react experience isn’t great, but you can get it to work. @someGuy, did including jquery as @infra suggested get it working for you (it should have gotten you buy your current hurdle)? Did you run into anything else after?

1 Like
4

jbonifaci, yes, it did get rid of that error. Thanks. And thanks infra for pointing me in the right direction! :slight_smile:

That unfortunately wasn’t the end of my troubles. I don’t even recall exactly what my issues were to be honest. I decided that I had already put too much time into the SDK, and went with another solution. I’ll check back here in the future to see if there is a React example I can follow.

Thanks

5

Yah, it was a bit troublesome to get to work, but it was doable. It sounds like there is a new major version coming out some time between now and next year (el oh el) that will be a bit more friendly than the current version. But if you decide to give the current version another try, it’s definitely doable, don’t be afraid to ask more questions here or dm me if you want (I would hope that sends me some sort of notification, as I’m new to this forum).

6

Hey @jbonifaci, @someGuy,

We are working to release a react sample app soon. :slight_smile:

Also in our next release, jQuery will no longer be a required dependency.

Thanks,
Tommy

1 Like
7

Thanks for your solution @infra! :slight_smile:

-Tommy