Hello,
I'm trying to serve an adapt-generated course on GitHub pages and it just doesn't work (stays on "Loading..." forever).
There are no errors, no network problems, no indication of any issues. The actual site is live on here and you can consult the generated code here.
Has anyone tried to serve a course on GitHub pages in the past? Did you manage to make it work?
Cheers,
Pedro
Hi Pedro,
It needs to run with webserver application enabled. do not think that is possible just like that on Github. Better install it on a local webserver and allow access from there.
Zip the stuff, download and unpack, then run from the index.html
do not think that is possible just like that on Github
You can use Github as a web server via Github Pages. Worth a look, it's very handy.
Thanks for your answer.
My understanding is that the contents of the build directory are just plain HTML + JS + CSS which will run standalone. Is that incorrect?
I actually tried to just serve those files using a regular local webserver and it just works. There should be no reason for it to not work on GitHub pages if that's the case...
My understanding is that the contents of the build directory are just plain HTML + JS + CSS which will run standalone. Is that incorrect?
Yes that's right. You just need to run it from a web server (as all modern browsers now block web content from being loaded via file://)
Yes, in fact the Adapt demo courses are hosted on GH pages, here's the v5demo for example. and here's the original repo.
It's a little tricky to debug because you've uploaded the 'production' version so everything is minified... but if I run your course, open the developer tools and run in the console, I can see that you haven't installed any plugins (except the 'core'). So that's why it's not working.
For Adapt to be able to run you typically need one or more plugin, you can't really do very much with just the core code alone.
Your course seems to consist mostly of 'text' components, so getting adapt-contrib-text installed would be the first place to start. And, since it consists of more than one page/contentObject, you'll need a menu too.
OK, that's weird, because if I serve that directory locally, it just works. How can I generate a development bundle? I know there's `grunt dev` but that also watches for changes.
just press CTRL+C after running grunt dev to stop it
Is this the source you're building this from? If so, you're missing quite a bit from there... there's no components, extensions, menu or theme subfolders and in course/en there's just course.json and no other .json files or other subfolders.