As my first ever extension I wanted to program an Overlay extension that would display game information about League of Legends aimed at people who don’t have experience in playing the game. I programmed the front-end of the application completely using webflow as I don’t have much experience in programming in HTML, CSS and JavaScript. Today I tried to load the application by following the steps outlined on https://dev.twitch.tv/docs/extensions. Upon doing so I managed to get my extension to show on the screen. However, I soon noticed that it lacked all functionality for which the only logical explanation is that the javascript script is not loaded by twitch correctly. My question is what could be causing the issue and how can I resolve it.
This is a Pastebin link for the index.html code because it might be too long: https://pastebin.com/D6ry8SDM
Thank you in advance,
Nikolay Todorov
There are a number of issues with your code.
The Twitch Extensions rules disallow the usage of inline JS and JS from a CDN that isn’t the TwitchJS helper (*some exceptions apply see footnote).
So you can’t use jQuery from a cloudfront CDN, you can’t use webfont.js from Google’s CDN
All JS needs to be in script files and loaded locaally, except the Twitch JS Extension helper
See also
Sections
- 2.5
- 2.6
- 2.8
- 2.9
- Google CSS Fonts and Google Anlytics is permitted
Saving the secondary JavaScript script locally fixed the issues. Thank you very much