I just checked your repository, but, sadly, it’s going to be difficult for me to pin down the issue as I’m unfamiliar with the framework that’s being used. However, it doesn’t really seem to be an issue with your code.
It’s kind of weird that the asset optimization settings are unchanged, because if those bundle and minify CSS/JS options were on from start, they would have rewritten your CSS and JS links to those cloudfront ones like you see in my previous post. The fact that they’re not rewritten means that they were not processed by Netlify, which isn’t an expected behaviour with asset optimization turned on. But to solve your problem, since your assets are already getting minified during build, I would suggest to disable asset optimization, because for some reason, those CSS files of yours are getting converted to empty JS files, probably some problem with Netlify.
However, when you’re disabling asset optimization, all paths would be relative and not absolute (as you’ve used relative paths in your code). Thus, there’s a potential problem in your
src/template.html line 10-14. Those lines don’t have relative links mentioned properly, that is, they’re relative to the current folder and not the domain. This usually causes issues when the URLs don’t end with a ‘slash (
/)’. Instead of adding those files they way you’re adding them now, prefix them with a
/, which would make it something like
<link rel='stylesheet' href='/global.css'>. This would make it relative to the domain and so, no matter from which path it’s called, the files would always exist correctly (as long as it exists at the root of the domain). It’s not necessary to make those changes, but, I would recommend to.