# \[Component View\] ReferenceError: JsMediaSDK\_Instance is not defined

**URL:** <https://devforum.zoom.us/t/component-view-referenceerror-jsmediasdk-instance-is-not-defined/86006>\
**Category:** Web\
**Created:** [April 4, 2023, 8:33am UTC](https://devforum.zoom.us/t/component-view-referenceerror-jsmediasdk-instance-is-not-defined/86006 "2023-04-04T08:33:18Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![manoah.tervoort](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/manoah.tervoort/32/44153_2.png) [@manoah.tervoort](https://devforum.zoom.us/u/manoah.tervoort)\
**Post date:** [April 4, 2023, 8:33am UTC](https://devforum.zoom.us/t/component-view-referenceerror-jsmediasdk-instance-is-not-defined/86006/1 "2023-04-04T08:33:18Z")

</div>

**Description**  
When trying to join a meeting using the component View, I get the below error:

**Browser Console Error**

```js
Uncaught ReferenceError: JsMediaSDK_Instance is not defined
    at qn.getPTZCapability (zoomus-websdk-embedded.umd.min.js:2:136000)
    at WQ (zoomus-websdk-embedded.umd.min.js:2:326169)
    at TO (zoomus-websdk-embedded.umd.min.js:2:325968)
    at zoomus-websdk-embedded.umd.min.js:2:327189
    at n.project (zoomus-websdk-embedded.umd.min.js:2:327747)
    at n._next (zoomus-websdk-embedded.umd.min.js:2:45956)
    at n.next (zoomus-websdk-embedded.umd.min.js:2:10729)
    at n._next (zoomus-websdk-embedded.umd.min.js:2:37158)
    at n.next (zoomus-websdk-embedded.umd.min.js:2:10729)
    at n._next (zoomus-websdk-embedded.umd.min.js:2:50757)

```

**Which Web Meeting SDK version?**  
2.11.0

**Meeting SDK Code Snippets**

```js
const { default: zoomSDK } = await import('@zoomus/websdk/embedded')
const client = zoomSDK.createClient()
await client.init({
  debug: true,
  zoomAppRoot: document.getElementById('zoomMeeting') ?? undefined,
  language: 'en-US',
})
await client.join({
  sdkKey: zoomSdkKey,
  meetingNumber: id,
  password,
  userName: name,
  signature: (
    await $fetch<{ signature: string }>(zoomSignatureEndpoint, {
      method: 'POST',
      body: {
        meetingNumber: id,
        role: 0,
      },
    })
  ).signature,
})

```

**Screenshots**

 ![image](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/d/4/d4b8470e695d091296a523f3b244b9f9f352b974.png)

**Device (please complete the following information):**

- Device: Dell Latitude E7270
- OS: Ubuntu 22.04.2 LTS
- Browser: Chrome (through Electron.js)
- Browser Version: 110.0.5481.208

**Additional context**  
I’m using a combination of Electron, Nuxt, Vue and Vite.

---

<div class="post-metadata">

**Author:** ![freelancer.nak](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/freelancer.nak/32/40968_2.png) [@freelancer.nak](https://devforum.zoom.us/u/freelancer.nak)\
**Post date:** [April 4, 2023, 9:04am UTC](https://devforum.zoom.us/t/component-view-referenceerror-jsmediasdk-instance-is-not-defined/86006/2 "2023-04-04T09:04:51Z")

</div>

@manoah.tervoort Hope you will be fine.

Here are the sessions regarding WebSDK Integrations

- [Zoom Meeting SDK Integration with VueJS](https://youtu.be/CMpe56VoTTo)
- [Zoom Meeting SDK Integration with ReactJS](https://youtu.be/4BgkLvH7T0Y)
- [Zoom Meeting SDK Integration with AngularJS](https://youtu.be/utXjISjjHOY)
- [NextJS - Zoom WebSDK Component View](https://youtu.be/mwta4hZOtpc)← Here described Component View Videos Rendering Sizes
- [Zoom Meeting SDK Client View Integration](https://youtu.be/zaIhI_BZKJo)

---

<div class="post-metadata">

**Author:** ![manoah.tervoort](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/manoah.tervoort/32/44153_2.png) [@manoah.tervoort](https://devforum.zoom.us/u/manoah.tervoort)\
**Post date:** [April 7, 2023, 8:55am UTC](https://devforum.zoom.us/t/component-view-referenceerror-jsmediasdk-instance-is-not-defined/86006/3 "2023-04-07T08:55:14Z")

</div>

That doesn’t solve my problem. The VueJS example is for Vue 2. I’ve got it working for Vue 2. The problem is Vue 3, which uses Vite instead of Webpack.

---

<div class="post-metadata">

**Author:** ![j.schoenemeyer](https://avatars.discourse-cdn.com/v4/letter/j/f9ae1b/32.png) [@j.schoenemeyer](https://devforum.zoom.us/u/j.schoenemeyer)\
**Post date:** [April 7, 2023, 4:59pm UTC](https://devforum.zoom.us/t/component-view-referenceerror-jsmediasdk-instance-is-not-defined/86006/4 "2023-04-07T16:59:12Z")

</div>

the last info for supporting Vite a have found was from May 2022

"Welcome and thank you for posting. I do not see any vite/rollup on the road map at this time. "

> [@Web SDK - vite support](https://devforum.zoom.us/t/web-sdk-vite-support/68393):
>
> Hey, I’m using the SDK with vite as a dev server and everything works like a charm. When I’m building the project (vite-\>rollup) it seems that the sdk is broken “embedded.createClient is not a function”. I saw that there is only support for webpack, and was wondering if you are planning to support vite/rollup in the future. Thanks H. Which Web Meeting SDK version? SDK version 2.3.5

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/6/1/614bdd549b610bbaa46ff934617683a02bdaa03c.png) [@system](https://devforum.zoom.us/u/system)\
**Post date:** [May 8, 2023, 2:59am UTC](https://devforum.zoom.us/t/component-view-referenceerror-jsmediasdk-instance-is-not-defined/86006/5 "2023-05-08T02:59:54Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.