I have a requirement to add a new field to a custom app that is built in js that is stored in a static resource within a .zip file. I know it's a zip because when I download the file it is without an extension and upon adding .zip it becomes extract-able and then you can see all the sub folders within the folder. I've noticed that after i update the js file and then replace the static resource the app fails to load in Salesforce.
After some investigation I've narrowed the issue down to extracting and compressing the file again breaking the page. Consider this example of what I've been able to reproduce thus far.
load application tab, see that it works -> Download file from static resource -> add .zip extension -> replace existing static resource file with zipped file -> load application tab, see that it still works.
If I extract and compress again the page fails to load:
load application tab, see that it works -> Download file from static resource -> add .zip extension -> extract all files to a folder -> send folder to compressed zip -> replace existing static resource file with zipped file -> load application tab, page no longer loads.
Debug logs give no indication of errors when loading the page. What is the best way to troubleshoot this because I am at a loss as to what to do.
For static resources is there a specific way to compress them in order for it to work?