I have developed a website with bootstrap and leaflet on a local computer. I added the source map files and the compiled css and js files (but not the minified versions). I am not getting any errors when using developer tools locally. However, when I FTP the files to the server, which is Unix running Apache, I now get a parse error when opening the developer tools:

DevTools failed to load source map: Could not parse content for https://{file location}leaflet.js.map: Unexpected token < in JSON at position 0

This error happens for the leaflet map file and also the map files for bootstrap.js and bootstrap.css. Note that the leaflet.css file is in the root since it requires its own subfolder for images. It is not generating an error.

I do realize I can disable the use of map files but I don't want to. Also, maybe I could just put everything in the website root but I don't want to do that either. Anybody know what the issue is so I can implement a solution that preserves the file structure and allow me to debug?