'Firebase 404 css breaks if requested from a folder inside public

I have the following project tree in /public

/public .

On my website, if I request a non-existent page from a page in /public, e.g. mydomain.com/nonexistentpage, it throws a 404 page properly.

However, if I request a non-existent page from mydomain.com/folder/nonexistentpage, it breaks everything except HTML. Errors thrown in the browser indicate that it's looking for assets in /public/folder/files and /public/folder, while the actual files are in /public/files and /public.

My firebase.json is:

{
  "hosting": {
    "public": "public",
    "cleanUrls": true,
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ]
  }
}

What do I do to make the 404 page appear properly on any page?

firebase firebase-hosting

Solution 1:^[1]

Check if you don't use relative paths when using <link>.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	ArktinisLapinas

'Firebase 404 css breaks if requested from a folder inside public

Solution 1:[1]

Sources

Related Questions

Solution 1:^[1]