Error 404 for vite css asset files

[prawin1234]

Vite generates css asset files in the /assets/ folder; however when the browser tries to open these files, the server responds with an HTTP 404 Error. The asset files contain dots in their name (e.g. asset.n39d3od4.css). I quickly found out that any file containing a dot in its name generates an Server Error. Is there a way to circumvent this problem (like .htaccess) without having to rename all css link tags manually?

[Oxy]

Hi and welcome to the forum

Domain/subdomain name?

[prawin1234]

It’s https://prawin.gq/assets/asset.83nw2k40s.css

However strangly, now the file is working normally.

[prawin1234]

So, is there a reason why this only works sometimes?

[Greenreader9]

My best guess:

What is DNS propagation

You’ve added a new domain name to your account, just changed your nameservers or recently modified some DNS settings. However, they aren’t working yet. You’ve discovered already that it’s not working yet because of something called “DNS Propagation”. But what does that mean? Introduction to DNS Before you can understand how DNS Propagation works, you need to understand how DNS itself works. So let’s start with that. Servers on the internet are identified by a set of numbers called an IP addres…

[prawin1234]

DNS Propagation can’t be the reason. This account with it’s domain was created back in December 2018. I have also experienced a problem where the PHP ??= operator wasn’t working for a short period of time, causing blank pages. This had to do with a temporary change of PHP version change I didn’t initiate. Are these types of problems known and when are these going to be fixed?

[Greenreader9]

I can’t diagnose a problem that does not exist for me. Every time I have opened the file it works. Maybe the issue was caching, I have no clue, only guesses that may or may not be correct.

[Admin]

It’s working fine from here:

I don’t know what kind of server error you see. But having multiple dots in a file name is no problem on our hosting.

[prawin1234]

As you can see, on Saturday, the vite asset files caused HTTP 404 Errors (different hashes, as I tried different vite configs). But now these error are gone; so was this just a temporary bug?

[prawin1234]

And the situation on Thursday

[Greenreader9]

Look at the URL being requested, its different from the one you shared with us.

prawin.gq/assets/asset.e7d69ffb.css does not exist. Make sure you have uploaded all the files.

[Admin]

Are these files generated by something (hence the hashes)? Are you sure the URLs on your pages use the correct hashes, and that all related files are uploaded?

Cloudflare and their caching may also be making things more complicated.

[prawin1234]

I’m using Astro js as a static site generator; i checked the files and the link tags and they did point to the correct files. I am using Cloudflare and itt’s caching features which worked normally with all files. So the problem might be with Cloudflare.

[prawin1234]

Now, I’ve found out what the problem is. While I was uploading my dist folder generated by Astro, a user opened the HTML page, before /assets/ folder was uploaded by my FTP Client. Cloudflare cached the 404 Error (it looks like Cloudflare doens’t update it’s .css and .js files even when there is a file modification unlike .php and .html). So in order to fix that problem, I had to purge the Cache.