# How do i upload panel extension?

**URL:** <https://staging-discuss.dev.twitch.com/t/how-do-i-upload-panel-extension/19647>\
**Category:** Extensions\
**Created:** [January 22, 2019, 1:45pm UTC](https://staging-discuss.dev.twitch.com/t/how-do-i-upload-panel-extension/19647 "2019-01-22T13:45:08Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![labexperimentally](https://avatars.discourse-cdn.com/v4/letter/l/43a26b/32.png) [@labexperimentally](https://staging-discuss.dev.twitch.com/u/labexperimentally)\
**Post date:** [January 22, 2019, 1:45pm UTC](https://staging-discuss.dev.twitch.com/t/how-do-i-upload-panel-extension/19647/1 "2019-01-22T13:45:08Z")

</div>

hello, I have created a twitch panel extension first time and I have no idea how to upload it and make it available online for installation. I have seen Twitch extension documentation and I did not find how to upload the extension. If anyone knows how to do it, please share your knowledge.

right now i am stuck here no idea where to go next ?

 ![lb](https://d2spem0quai2ol.cloudfront.net/original/2X/5/54bda763a8b18d9f92dc763f0988a0207b76cce3.png)

---

<div class="post-metadata">

**Author:** ![BarryCarlyon](https://d1d6mrmdu7ztse.cloudfront.net/user_avatar/staging-discuss.dev.twitch.com/barrycarlyon/32/253_2.png) [@BarryCarlyon](https://staging-discuss.dev.twitch.com/u/BarryCarlyon)\
**Post date:** [January 22, 2019, 5:39pm UTC](https://staging-discuss.dev.twitch.com/t/how-do-i-upload-panel-extension/19647/2 "2019-01-22T17:39:24Z")

</div>

You zip the files you created from the folder that has those files in and they are uploaded to the same place that you created the extension ClientID/Version(s)

---

<div class="post-metadata">

**Author:** ![labexperimentally](https://avatars.discourse-cdn.com/v4/letter/l/43a26b/32.png) [@labexperimentally](https://staging-discuss.dev.twitch.com/u/labexperimentally)\
**Post date:** [January 23, 2019, 7:25am UTC](https://staging-discuss.dev.twitch.com/t/how-do-i-upload-panel-extension/19647/3 "2019-01-23T07:25:56Z")

</div>

@BarryCarlyon thankyou for your response some how i succeed to upload my assets and i have install the extension too in my panel but there is one problem after installing extension it is not displaying anything its just empty

 ![empty](https://d2spem0quai2ol.cloudfront.net/original/2X/1/1581fe02e0611729885ee88415090e65ffaf40fd.png)

---

<div class="post-metadata">

**Author:** ![BarryCarlyon](https://d1d6mrmdu7ztse.cloudfront.net/user_avatar/staging-discuss.dev.twitch.com/barrycarlyon/32/253_2.png) [@BarryCarlyon](https://staging-discuss.dev.twitch.com/u/BarryCarlyon)\
**Post date:** [January 23, 2019, 9:32am UTC](https://staging-discuss.dev.twitch.com/t/how-do-i-upload-panel-extension/19647/4 "2019-01-23T09:32:37Z")

</div>

Check for the following:

1. does your zip file contain a folder with the files in the folder or just the files? It should be just the files
2. Did you include a script tag to the Extension Helper Library

```auto
<script src="https://extension-files.twitch.tv/helper/v1/twitch-ext.min.js"></script>

```

> **[Building Extensions](https://dev.twitch.tv/docs/extensions/building/)**
>
> Building Extensions

1. Did you use relative or absolute links in your files. Extensions are uploaded to a sub folder of the Twitch Extensions domain

2. Check the Chrome inspector for errors, 404’s or other issues

---

<div class="post-metadata">

**Author:** ![labexperimentally](https://avatars.discourse-cdn.com/v4/letter/l/43a26b/32.png) [@labexperimentally](https://staging-discuss.dev.twitch.com/u/labexperimentally)\
**Post date:** [January 23, 2019, 10:44am UTC](https://staging-discuss.dev.twitch.com/t/how-do-i-upload-panel-extension/19647/5 "2019-01-23T10:44:27Z")

</div>

1: the zip folder i uploaded it contains folders and re-upload the zip folder which contains only files  
**Now my folder contains:**  
-\>bootstrap.min.css  
-\>bootstrap.min.js  
-\>config.html  
-\>config.js  
-\>helper.js  
-\>panel.html  
-\>style.css  
-\>viewer.js

2: `<script src="https://extension-files.twitch.tv/helper/v1/twitch-ext.min.js"></script>` this tag is already present in panel.html. and i found this code in **helper.js**

`debugger; const local = window.frameElement.attributes.getNamedItem('helperUrl'); const online = 'https://extension-files.twitch.tv/helper/v1/twitch-ext.min.js'; const el = document.createElement('script'); el.src = local ? local.value : online; document.head.appendChild(el);`

it was commented before I uncomment this code.

3: Relative and Absolute both types of links I have used in panel.html  
4: no 404 errors

---

<div class="post-metadata">

**Author:** ![labexperimentally](https://avatars.discourse-cdn.com/v4/letter/l/43a26b/32.png) [@labexperimentally](https://staging-discuss.dev.twitch.com/u/labexperimentally)\
**Post date:** [January 23, 2019, 10:54am UTC](https://staging-discuss.dev.twitch.com/t/how-do-i-upload-panel-extension/19647/6 "2019-01-23T10:54:14Z")

</div>

@BarryCarlyon thanks to you, now I’m seeing my extension in the panel but the data I was rendering through API it is not fetching because in the console I’m seeing these errors.

why it is refusing to load jquery CDN?

 ![console](https://d2spem0quai2ol.cloudfront.net/original/2X/2/29e5fff0725b4ca00eda1ecc0890b616a07cdd4f.png)

---

<div class="post-metadata">

**Author:** ![BarryCarlyon](https://d1d6mrmdu7ztse.cloudfront.net/user_avatar/staging-discuss.dev.twitch.com/barrycarlyon/32/253_2.png) [@BarryCarlyon](https://staging-discuss.dev.twitch.com/u/BarryCarlyon)\
**Post date:** [January 23, 2019, 10:55am UTC](https://staging-discuss.dev.twitch.com/t/how-do-i-upload-panel-extension/19647/7 "2019-01-23T10:55:58Z")

</div>

You cannot use jQuery from a CDN

> 2.8 All front-end HTML, CSS, and Javascript files used by your extension must be included in the zip file for your assets. You should not include extraneous files or code not used by your extension.

> **[Extensions Guidelines & Policies](https://dev.twitch.tv/docs/extensions/guidelines-and-policies/)**
>
> Extensions Guidelines and Policies

---

<div class="post-metadata">

**Author:** ![labexperimentally](https://avatars.discourse-cdn.com/v4/letter/l/43a26b/32.png) [@labexperimentally](https://staging-discuss.dev.twitch.com/u/labexperimentally)\
**Post date:** [January 23, 2019, 11:13am UTC](https://staging-discuss.dev.twitch.com/t/how-do-i-upload-panel-extension/19647/8 "2019-01-23T11:13:31Z")

</div>

I save jQuery in a local file now its working fine. thanks for your help 🙂