Errors in css for a mini audio player

[GL-entjunkie]

Hello, I am trying to host a mini audio player on one of my sites. The css is throwing error while on my local apache it work.

Here it is:
“jquery.mb.miniAudioPlayer.min.css”

Status code I am seeing is:
Request Method:
GET
Status Code:
404 (from disk cache)

And
https://errors.infinityfree.net/errors/404/ net::ERR_ABORTED 404

I am guessing it is because of the multiple “.” in the file name.

Let me know if that is the case.

[Ziverre]

Is your local apache server hosted on Windows?

@GL-entjunkie

jquery.mb.miniAudioPlayer.min.css

Linux operating system which the infinityfree servers use is case sensitive, meaning that the cases must match and if you are trying to load jquery.mb.miniAudioPlayer.min.css then the name of the file that you try to load must be jquery.mb.miniAudioPlayer.min.css as well.

[ChrisPAR]

Can you share your website’s URL and where the file is expected to be loaded from?

[Admin]

@GL-entjunkie

404 (from disk cache)

Maybe try to clear your browser cache and then try again?

[GL-entjunkie]

Yes, local apache is on Windows. File name is used exactly as seen on the HDD. In fact, a relevant js file with similar name “jquery.mb.miniAudioPlayer.js” loads fine.

I am unable to post my code here as the “link” element in my “head” element, seems to be getting removed, after I save my post.

[GL-entjunkie]

Sure, but I will DM you.

[GL-entjunkie]

Yep, tried all that, with Chrome developer tools under F12. I will DM you my website page where this is happening

[GL-entjunkie]

Added a screenshot to show the issue in development tools

@Ziverre @ChrisPAR DM’ed you the URL. @Admin is not receiving messages, so couldn’t send it to you.

[ChrisPAR]

I can confirm this isn’t an issue with a naming, as I uploaded a file with that name and it loads fine on my URL:
http://do.epizy.com/jquery.mb.miniAudioPlayer.min.css

If you open your c/css directory in the online file manager, does the file with that naming appear there, and does it have the content you expect it to have? Can you take a screenshot of the folder’s contents or alternatively, temporarily enable Directory Listing on that folder so we can see what contents of it reach the web by adding this to an .htaccess file inside it:

Options +Indexes

[GL-entjunkie]

Thank you! I attached the screenshot of the filename. I also updated the .htaccess to enable directory listing.

[Ziverre]

Ding ding ding! The name of file contains jQuery, not jquery.

[ChrisPAR]

Ah, here’s the problem. The Q in jquery is capitalized; this is why you get issues.
As mentioned before, Linux systems are case-sensitive, which is why this happens.

The “Redirected to InfinityFree 404 error page” article explains this in detail:

@Admin

Web hosting servers are case sensitive

The InfinityFree servers (like almost all hosting servers) run on a Linux operating system. And on Linux, the names of files and folders are case sensitive. This is different from Windows and MacOS, where files and folders are case insensitive.

This means that if you’re developing your website on Windows, you can refer to a file like http://example.com/background.jpg, and have a file called BackGround.JPG, and the URL will work. But when uploading this to a hosting server, this URL will suddenly return a 404 error.

Please be aware of this while developing on Windows or MacOS. It really helps if you are consistent with capitalization (e.g. never use any capital letters in file or folder names).

You’ll need to either update the file to use a lowercase q, or update your link to something like this:

<link rel="stylesheet" type="text/css" href="c/css/jQuery.mb.miniAudioPlayer.min.css" />

[GL-entjunkie]

Thank you so much @Ziverre @ChrisPAR. Sounds like that is the issue! lemme fix the file name just to confirm.

Awesome guys!! it is working now thanks again!