Trying to include the JS SDK into an exisiting VueJS project

Hi,

I’m trying to integrate the Web SDK following this part of the tutorial:

In my index.html i include the JQuery using CDN because the local way are not working:
The local way: <script src="node_modules/jquery/dist/jquery.js"></script>
Using: <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>

Add the dependencies to the index.html:
<link type="text/css" rel="stylesheet" href="node_modules/zoomus-jssdk/dist/css/bootstrap.css" />
<link type="text/css" rel="stylesheet" href="node_modules/zoomus-jssdk/dist/css/react-select.css" />

And put all the index.js in my component script.
I can connect to the meeting, but I get these errors and my screen got stuck:

Am I doing something wrong or is something missing?
Thanks in advance

I have the same problem, but in React. I install zoom via npm.

I install via npm too. You tried using CDN? I will try now and see.

yes, but i couldn’t do it. If you can will make working, show me please.

yes, i couldn’t do it too… I forgot the nature of the Vue templates. Probably only works with NPM. You got the “Unexpected token” problem too?

yes. i think the only way is via npm. But for a reason not have the “JsMediaSDK_Instance” reference when try create the object in this part:

{
key: “creatAVSocket”,
value: function () {
function e() {
var e = this.props,
n = e.meeting,
r = e.baseStaticUrl,
o = new JsMediaSDK_Instance(),
i = (0, g.getVersionFromURL)®,
a = function () {
function e(e, t) {
this.initStatus = e, this.socketCallBack = t, this.canvasInfo = {}, this.joinVoipTimes = 0;
}
return e;
}

I dont know

@rodrigo currently, jssdk just support react 15.
1 install cdn version


2.download all dependencies.

3. check whether you have invok thoes function if haven’t download dependencies.

https://zoom.github.io/sample-app-web/ZoomMtg.html#prepareJssdk
https://zoom.github.io/sample-app-web/ZoomMtg.html#preLoadWasm

Thanks for the reply.
The CDN version works well, but I did not want to have to use the zoom SDK in an iframe, but locally importing via npm.
At the moment this is the only alternative?
Thank’s for your time

note: we change jssdk name to websdk

here is a demo use vue and zoom websdk npm version.
the root cause is the vue can’t provide a proxy to access the websdk static resource which located in node_moduls/zoomus-jssdk/
so need to use the CDN to solve the websdk dependencies.
ZoomMtg.setZoomJSLib(‘https://dmogdx0jrul3u.cloudfront.net/{WEBSDK_VERSION}/lib’, ‘/av’);