Missing Content message flashes when hosted on subdirectory

[j-maas]

Since I deployed to GitHub Pages, I am reaping the benefit of the quite recently introduced possibility to deploy to a subdirectory, instead of the root path.

Unfortunately, I noticed that there is a "Missing Content" message flashing when I reload the page. This is absent from all pages in elm-pages showcase. I investigated and finally found that this is due to the subdirectory on GitHub pages.

Apparently, the subdirectory feature introduced a regression reintroducing #42.

Reproduction

1. Clone the elm-pages-starter repo.
2. Execute npm run build.
3. Execute npx http-server . -a localhost -p 3000 -c-1 (The difference to the command in npm serve is that we serve . instead of ./dist.)
4. Open http://localhost:3000/dist
5. Reload and observe the "Missing Content" flash. You might want to enable throttling in the developer tools.

[j-maas]

I've debugged the page and it looks like the content.json is fetched and even passed to the Elm app via the contentJson flag. So it appears that this bug is somehow inside Elm.