# Vue.js with Web SDK Integration is not working

**URL:** <https://devforum.zoom.us/t/vue-js-with-web-sdk-integration-is-not-working/18292>\
**Category:** Web\
**Created:** [May 19, 2020, 11:39am UTC](https://devforum.zoom.us/t/vue-js-with-web-sdk-integration-is-not-working/18292 "2020-05-19T11:39:49Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![egontech](https://avatars.discourse-cdn.com/v4/letter/e/3ab097/32.png) [@egontech](https://devforum.zoom.us/u/egontech)\
**Post date:** [May 19, 2020, 11:39am UTC](https://devforum.zoom.us/t/vue-js-with-web-sdk-integration-is-not-working/18292/1 "2020-05-19T11:39:49Z")

</div>

**Description**  
I have been trying to integrate Zoom web SDK in a vue js app but the SDK has been buggy and seem suitable only for React.js Application. I have managed to integrate it to show the zoom meeting interface and joined a meeting but ALL of the buttons are not working with different error messages in the console.

Kindly provide a Vue.js Sample Zoom sample app if you are sure Zoom works with Vue and also address the errors lested below or let us know if it doesn.t .

**Error**  
After connecting, the console shows this warning  
`DevTools failed to load SourceMap: Could not load content for https://source.zoom.us/1.7.7/lib/webim.min.js.map: HTTP error: status code 403, net::ERR_HTTP_RESPONSE_CODE_FAILURE`

> Also react-dom.development.js?61bb:506 Warning: `NaN` is an invalid value for the `width` css style property. in canvas (created by b)

> zoomus-websdk.umd.min.js?478e:2 Uncaught TypeError: Cannot read property ‘0’ of null at v (zoomus-websdk.umd.min.js?478e:2)

**Which version?**  
I used the web version integration as the NPM install was not firing

> 

- Device: Laptop
- OS: Windows 10
- Version: 10
- Browser:Chrome

Installation via NPM does not seem to be working with Vue.js. I sample Vue.js app will be helpful.

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [May 22, 2020, 10:29pm UTC](https://devforum.zoom.us/t/vue-js-with-web-sdk-integration-is-not-working/18292/2 "2020-05-22T22:29:34Z")

</div>

Hey @egontech,

We are aware of some browser console errors / warnings, but they do not crash the Web SDK, it should still work.

What issues are you seeing related to the Web SDK not working?

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![egontech](https://avatars.discourse-cdn.com/v4/letter/e/3ab097/32.png) [@egontech](https://devforum.zoom.us/u/egontech)\
**Post date:** [May 22, 2020, 10:59pm UTC](https://devforum.zoom.us/t/vue-js-with-web-sdk-integration-is-not-working/18292/3 "2020-05-22T22:59:52Z")

</div>

Hi, thanks for your response.

I am particular about Vue.js

Please provide a sample app with Vue.js Web SDK integration like you did for React.js.

When I integrated in Vue.js, I was able to join a meeting but all buttons where not working.

Thanks

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [May 29, 2020, 4:40pm UTC](https://devforum.zoom.us/t/vue-js-with-web-sdk-integration-is-not-working/18292/4 "2020-05-29T16:40:58Z")

</div>

Hey @egontech,

Please add this as a feature request here: #feature-requests

Thanks,  
Tommy

---

<div class="post-metadata">

**Author:** ![DeveloperBot](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/developerbot/32/12632_2.png) [@DeveloperBot](https://devforum.zoom.us/u/DeveloperBot)\
**Post date:** [August 21, 2020, 9:37pm UTC](https://devforum.zoom.us/t/vue-js-with-web-sdk-integration-is-not-working/18292/5 "2020-08-21T21:37:26Z")

</div>

Closed on August 21, 2020, 9:37pm UTC