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.
I’m not sure what the issue is at this point. I have tried changing up all the code and the file structure to ensure that there were no issues there. From all the searching, testing, and trials that I have done I can’t seem to find any solution to this issue on my end. I currently just have a super basic “Hello World” file set uploaded just to make sure none of my code was causing the issues and it doesn’t appear that it is.
Here is the error that is loading in my panels iframe:
404 Not Found
Message: The specified key does not exist.
Has anyone else encountered something like this and found a fix? I feel like I’m going crazy at this point.
Does your zip file contain a folder? You need to compress your files not in a folder in the zip but at the zip root.
Select this files then right click and compress.
Yep, that was it. Thanks for the info.
I must have misunderstood the documentation.
I don’t think it’s IN the documentation, I poked upstairs about a tweak.
Caught me out on my first upload too!
It does say ensure “Files are placed in the root of the ZIP directory” in the “Hosted Test” section of the docs, I just glossed over that.
Glad I’m not the only one who ran into this though. Makes me feel less crazy
Ha, I’ve not read the live docs fully I’m still working off the gets murdered before secrets revealed, cough the docs i have in memory
Thankfully there isn’t too much to know assuming you are not using user auth. I haven’t even begun to dig into that yet.
Thanks a lot Dude, I had exactly the same issue. Now the panel extension gets loaded onto my channel!
I’ve tried, this, but I’m still getting the exact same error. At this point my viewer.html and config.html don’t even link to any of my other assets, they just say “hello world”
But still same error :S
I made a folder called assets, and inside it placed my 2 html files. I then compressed them - then compressed the parent folder (assets.zip) and uploaded it to the Twitch cdn. No luck
Thats the problem.
You compressed twice…
Yep, spot on as always. Thanks @BarryCarlyon. Btw it was great seeing you speak & demo at the analytics talk on Dev Day
Hi - I’m sorry to bump this but running into this issue as well.
I’m running an extension off of the boilerplate react template. I am able to run it successfully on the Rig. To upload it, I ran npm run build to create the
dist folder. I then compress the dist folder and am able to upload the compressed zip file successfully.
When I go to install it on my channel, the panel fails to load. I get the same 404 error that the OP had.
I’ve tried using “yarn build” instead of npm and have checked the panel.html files for the helper extension script:
Any help would be appreciated.
Make sure you’re not compressing the actual folder, you should only be compressing the contents of the folder and uploading that.
To compress the folder I
cd into the parent folder and enter
zip -r dist.zip dist/. I’ve also tried going into the
dist folder, selecting all the files, right clicking and choosing “compress.” Is there another way to zip files that you would suggest?
(Also, sorry if you were auto tagged because of your username, although I definitely appreciate the help )
Edit: It works!!! It seems like it started working after using the Archive.zip I got by going into the dist folder, selecting all the files, and right click-compressing that. @Dist thank you so much you are my hero.
Please don’t bump 7 month old threads that are already solved to add info that’s not directly related to the issue in this thread.
How is it not related? That’s the exact error you will get if you try to use absolute paths. That’s how I found this 7 month old post. By looking for that error. Are you saying that if there are multiple solutions to the exact same error message, that they should be on different threads?
The issue in this thread wasn’t that absolute paths were used instead of relative paths, it was that the build folder was zipped instead of just the contents. It has nothing to do with the paths used within the files themselves to reference other files.
The issue you are talking about is using absolute paths which wont work due to extensions not being hosted from the root path. Which has been documented many times elsewhere on both these forums, and the TwitchDev discord server as it’s a frequent issue for new extension developers.