Twitch extension local test shows blank config page

Extensions
1

I have a relatively simple HTML page for my config.html (just a header and an input box), and verified that my localhost is serving it correctly. I included the extension helper (<script src="https://extension-files.twitch.tv/helper/v1/twitch-ext.min.js"></script>). However, when I open the configuration page on Twitch, it is blank.

When I look at the console in Chrome, the only issues I see are:

p.js:1 GET blob:https://dashboard.twitch.tv/4dd71435-cd10-4251-838f-8911da0cf675 net::ERR_FILE_NOT_FOUND

vendor-45ba444f007cb64b585a.js:1 Extension Warning (XXX): Extension Helper Library Not Loaded

I added a print statement to the console at the very top of the page, which is not getting called. Is there something I am missing here? Any other way to debug this issue?

(I’ll add that I’ve tried in hosted testing too, and get the same issues – but I figured I’d keep the issue simple first)

Thanks!

2

Are you invokving onAuthorised?

is your script file corrected loaded/called (the one that processes the input box?)

3

I had an onAuthorized function (but was getting the same error). I removed it for testing since the hello world example didn’t have it. Is this necessary?

At the moment, I don’t have anything processing the input box. It’s just an <input> tag. The config.html file loads correctly from localhost (just not from the extensions configuration).

4

As an update, I checked my localhost serve logs, and the extension configuration doesn’t seem to be trying to call localhost at all.

5

Then you need to trace and debug that

The most common issue here as localhost is the mixed content block

Webpages over SSL generally cannot load something that is not over SSL

6

How can I trace this? The call to localhost should be coming from Twitch’s side, but I don’t see anything in the logs here.

My config.html is being served over SSL with a self-signed cert. Any advice you have to troubleshoot this?

I did manage to get this working on hosted test now (I didn’t make any changes, except delete my extension and creating a new one). So I am unblocked for now, but it would still be good to have a local testing option.

7

Debugging extensions is the same as debugging a website

use console and network to trace