Revision history [back]

Here are some steps you can follow to resolve the missing file error in your Angular application published on GitHub pages:

1. Check if the file is included in the git repository by running the following command:

git ls-tree HEAD assets/

This command should display the list of files and directories under assets/ directory. If the file is missing, add it to the repository.

1. If the file is present in the repository, make sure that it is included in the deployment build by adding it to the assets array in the angular.json file:

"assets": [
    "src/assets",
    "src/favicon.ico",
    "src/assets/file.json"
],

1. If the file is already included in the assets array, make sure that it is referenced correctly in your code. Double-check the file path and make sure that it matches the path specified in the assets array.

2. If you are still experiencing issues, try clearing the cache on the GitHub pages server. This can be done by adding a random query parameter to the URL of your application, forcing the server to fetch the latest version of your code:

https://<username>.github.io/<repository-name>/<application-name>?v=<random-number>

Replace \<username>, \<repository-name>, \<application-name>, and \<random-number> with the appropriate values.

If none of the above steps resolve your issue, it may be a good idea to reach out to the GitHub pages support team for further assistance.