Disallowed MIME type (“text/html”) error - Angular Github pages

Question

I just deployed an Angular 8 project to my Github repository but nothing gets displayed on the Github page but I see an error on the browser console.

On Firefox the error says:

Loading module from “https://theotherspace.illiteratibooksandcoffee.com/theotherspace/runtime-es2015.27965c48d77c449cb93c.js” was blocked because of a disallowed MIME type (“text/html”).

and on Chrome:

Failed to load resource: the server responded with a status of 404 ()

Below are the screenshots:

I do not see any issue or error in console. Was the issue solved? If not - try to clean up browser cache :) — Dmytro Mezhenskyi, Nov 26 '19 at 09:35
I still see the error, it won't even render the page because of it. — felixo, Nov 26 '19 at 17:31
I tried some of the solutions mentioned in https://github.com/angular/angular/issues/30835 but with no luck. See if it helps for your project. — Prakash M., Jan 03 '20 at 09:39

score 12 · Answer 1 · answered Jan 03 '20 at 09:50

I had the similar issue as I was using Github pages from a different repository (than the parent github.io repo).

By changing the base href to the current directory solved the issue.

Earlier

<base href="/">

Change to

<base href="./">

I referred to https://github.com/angular/angular/issues/30835 until I arrived at this solution.

julia817 · Answer 2 · 2023-05-31T05:09:46.553

I was working on a nextjs + typescript project and had the exactly same problem.
I solved it by adding an empty .nojekyll file to the target folder (same as github pages deployment settings).

I've been searching for days until I arrived at this solution. Hope it will help someone who is also in trouble.

The source I found was in Japanese, but this English one has more details. https://til.simonwillison.net/github/github-pages

Disallowed MIME type (“text/html”) error - Angular Github pages

2 Answers2

Linked