# 404 error loading files local from node\_modules/@zoomus/websdk/dist/lib/

**URL:** <https://devforum.zoom.us/t/404-error-loading-files-local-from-node-modules-zoomus-websdk-dist-lib/53753>\
**Category:** Web\
**Created:** [July 7, 2021, 11:27am UTC](https://devforum.zoom.us/t/404-error-loading-files-local-from-node-modules-zoomus-websdk-dist-lib/53753 "2021-07-07T11:27:05Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![mihai.temian](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/mihai.temian/32/29587_2.png) [@mihai.temian](https://devforum.zoom.us/u/mihai.temian)\
**Post date:** [July 7, 2021, 11:27am UTC](https://devforum.zoom.us/t/404-error-loading-files-local-from-node-modules-zoomus-websdk-dist-lib/53753/1 "2021-07-07T11:27:05Z")

</div>

**Description**  
I’m using the zoom web SDK for my React project and I saw a very low/laggy performance while in a meeting, especially if there are 10+ people.

While searching for answers on how could I fix that, I found out that importing the library locally( ZoomMtg.setZoomJSLib(‘node\_modules/@zoomus/websdk/dist/lib’, ‘/av’)) might help;  
Right now I’m using the CDN - ZoomMtg.setZoomJSLib(“[https://source.zoom.us/1.9.6/lib](https://source.zoom.us/1.9.6/lib)”, “/av”)

However, when I’m trying to import it locally, I’m getting a 404 error saying that it cannot find the lib.

**Error**

 ![Screenshot 2021-07-07 at 14.22.07](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/4/7/477db7989aeb875ba6400a28e3745474ce65fa04.png)

**Which Web Client SDK version?**  
Using the Web SDK 1.9.6

**To Reproduce(If applicable)**  
Steps to reproduce the behavior:  
Set the zoom lib local:

 ![Screenshot 2021-07-07 at 14.23.11](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/7/a/7a4271b1a30297906575c396e165a3e18464af37.png)

**Additional context**  
If the library is imported through CDN everything works fine, but it may be the cause that it is so laggy.

---

<div class="post-metadata">

**Author:** ![donte.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/donte.zoom/32/24412_2.png) [@donte.zoom](https://devforum.zoom.us/u/donte.zoom)\
**Post date:** [July 8, 2021, 6:36am UTC](https://devforum.zoom.us/t/404-error-loading-files-local-from-node-modules-zoomus-websdk-dist-lib/53753/2 "2021-07-08T06:36:07Z")

</div>

Thank you for using Zoom Developer Forum-- I am happy to help.Can you use the global CDN when setting ZoomJSLib like so:

Ex. **ZoomMtg.setZoomJSLib(‘[https://source.zoom.us/1.9.5/lib’](https://source.zoom.us/1.9.5/lib%E2%80%99), ‘/av’)** ;

More details on this can be found here :  
[https://marketplace.zoom.us/docs/sdk/native-sdks/web/build#specify-dependency-library](https://marketplace.zoom.us/docs/sdk/native-sdks/web/build#specify-dependency-library)

### [Build an App - Web - Client SDKs - Zoom Software Development Kit (Zoom SDK)](https://marketplace.zoom.us/docs/sdk/native-sdks/web/build#specify-dependency-library)

Build an App This guide will walk through the steps to get started with the Web SDK through the following steps: Downloading the SDK Integrating the…

Additionally, I’ve linked our sample react app below, be sure to test separately with your codebase and our app:

> **[GitHub - zoom/meetingsdk-react-sample: Use the Zoom Meeting SDK in React](https://github.com/zoom/meetingsdk-react-sample)**
>
> Use the Zoom Meeting SDK in React

Pease let me know if this helps.

Best,  
Donte

---

<div class="post-metadata">

**Author:** ![mihai.temian](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/mihai.temian/32/29587_2.png) [@mihai.temian](https://devforum.zoom.us/u/mihai.temian)\
**Post date:** [July 8, 2021, 6:53am UTC](https://devforum.zoom.us/t/404-error-loading-files-local-from-node-modules-zoomus-websdk-dist-lib/53753/3 "2021-07-08T06:53:46Z")

</div>

I know I can use the global CDN, and it works like that, however, it is not the solution I’m looking for.

Theoretically, importing the lib locally might increase the overall performance and this is what I’m trying to get right now.

I saw on the official documentation that is possible to do so, but still not working for me.

[https://marketplace.zoom.us/docs/sdk/native-sdks/web/build](https://marketplace.zoom.us/docs/sdk/native-sdks/web/build)

 ![Screenshot 2021-07-08 at 09.52.46](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/0/1/01b3840edae7c840406548f327883e255bb23f0e.png)

---

<div class="post-metadata">

**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\
**Post date:** [July 9, 2021, 6:51pm UTC](https://devforum.zoom.us/t/404-error-loading-files-local-from-node-modules-zoomus-websdk-dist-lib/53753/4 "2021-07-09T18:51:39Z")

</div>

Hey @mihai.temian,

I have a couple of notes here that might help out:

1. When building our [Sample React App](https://github.com/zoom/websdk-sample-react/tree/master/src) we saw that we needed to use the CDN method due to the way that the Web SDK interacts with package managers and dependency bundlers such as Webpack.

2. Using the CDN method will only improve initial page load and because you are loading it from a CDN it is often just as fast or faster to grab a cached version from the users system or a CDN node than from the bundle that your application provides.

If you are having issues with performance on the Web SDK, we recommend enabling WebCodecs and SIMD [Chrome Origin Trials](https://www.chromium.org/blink/origin-trials). You’ll also want to use [Web Isolation](https://marketplace.zoom.us/docs/sdk/native-sdks/web/advanced/web-isolation) to use our most efficient SharedArrayBuffer API.

If you don’t have those features enabled, Chrome may fallback to less efficient APIs which could cause performance issues.

Let me know if that helps.

Thanks,  
Max

---

<div class="post-metadata">

**Author:** ![mihai.temian](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/mihai.temian/32/29587_2.png) [@mihai.temian](https://devforum.zoom.us/u/mihai.temian)\
**Post date:** [July 11, 2021, 10:44am UTC](https://devforum.zoom.us/t/404-error-loading-files-local-from-node-modules-zoomus-websdk-dist-lib/53753/5 "2021-07-11T10:44:49Z")

</div>

Thank you for the reply.

These days I played around with Web Isolation and others feature from Chrome Origin. However, enabling all of these improves the overall performance only while in the Chrome browser, or is it available for other browsers like Firefox or Safari also?

Thank you,  
Mihai

---

<div class="post-metadata">

**Author:** ![MaxM](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/maxm/32/42303_2.png) [@MaxM](https://devforum.zoom.us/u/MaxM)\
**Post date:** [July 13, 2021, 12:17am UTC](https://devforum.zoom.us/t/404-error-loading-files-local-from-node-modules-zoomus-websdk-dist-lib/53753/6 "2021-07-13T00:17:09Z")

</div>

Hey @mihai.temian,

Currently, this process is only applicable for Chrome Browsers. When it comes to these APIs, other browsers have yet to implement them. For example:

> **[1625130 - (wasm-simd) \[meta\] WebAssembly SIMD](https://bugzilla.mozilla.org/show_bug.cgi?id=1625130)**
>
> NEW (nobody) in Core - Javascript: WebAssembly. Last updated 2021-05-28.

For the most part, Chrome is leading the industry when it comes to implementing these cutting edge APIs that we use to provide near-native performance.

Thanks,  
Max

---

<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:** [August 12, 2021, 10:17am UTC](https://devforum.zoom.us/t/404-error-loading-files-local-from-node-modules-zoomus-websdk-dist-lib/53753/7 "2021-08-12T10:17:48Z")

</div>

Closed on August 12, 2021, 10:17am UTC

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