I created extension and set it. But it looks like (on Top Right corner):
I moved to “Hosted Test” and in “Local Test” and had the same result:
Assets I used assets from “Hello World app” without any changes.
For zip archive I used all files from public folder:
And I tried to use only from local folder but result is the same:
Could somebody please tell me what I am doing wrong?
Nothing to help me.
Sounds like you uploaded the zip with a folder in, instead of a zip with the files in as per
So I have been working on a panel extension for my stream and I got past the local testing, everything was working fine. I uploaded the files in a .zip to Twitch. I followed all the guides, made sure to include the extension helper JS file, but I am getting a 404 error when it tries to load the extension files form the Twitch CDN. I have tried created a new extension and uploaded the example project that Twitch has in the documentation to see if the issue would still happened and it did.
Also check chrome inspector for 404 errors when the content is attempted to be loaded.
Also check that the paths and names are set correctly in the extensions settings
no, I am uploading files without folder.
Hm, in Chrome Console I see error with csp config:
Refused to load the script ‘
https://code.jquery.com/jquery-3.3.1.min.js’ because it violates the following Content Security Policy directive: “script-src ‘self’ https://q5df5besbaqdzm2eayvv2hssnn1ldpt.ext-twitch.tv https://extension-files.twitch.tv”.
Maybe you know way how to configure csp?
All js, css and html should be hosted on the Twitch CDN. basically include a local copy of jquery
You can’t Twitch owns that
Is correct, see also
And the section regarding
Content Security Policies
Sorry what do you mean “hosted on the Twitch CDN”?
How I can do it?
When you upload your html files include the us and CSS files with that.
Aa ok, I put all my assets in .zip.
And now I make button in html and event handler in file config.js (in Twitch CDN).
But it tells me:
Refused to execute inline event handler because it violates the following Content Security Policy directive: "script-src 'self' https://q5df5bsbaqzml2eayvv29hsnn1ldpt.ext-twitch.tv https://extension-files.twitch.tv". Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required to enable inline execution.
Sounds like you have some inline JS where all script needs to be
<script src="" /> as per the CSP guidelines I linked to
yes, in html I have:
and in config.js:
Can’t do that ^^
Have to create/bind the click events in JS instead of via onClick
Aaa sure, I will use js framework for development.
Thank you for help guys, very much!