Some JS not running on Cloudflare Pages
Hi everyone, I am new to Cloudflare Pages and I'm running into a problem with my first project. I connected one of my GitHub repos, which is a simple photography portfolio, and deployed it to Cloudflare Pages. This worked without a problem, but some of my JS files aren't running as far as I can tell. However, there are no errors in my Dev Tools console and I don't see anything unusual in the Network tab. I've tried on both Chrome and Firefox.
The JS files that do work are the ones that control my drop-down menu navigation and the dynamic year update in the footer. The ones that do not work are the ones that control my image galleries and the contact form validation (the form validation crashes the page entirely with a 405 error). All of the JS works locally without a problem, including the contact form submission.
I've been reading the troubleshooting docs and searching around trying to figure out what to troubleshoot. I've seen suggestions to g into Settings and turn off Rocket Loader, but I don't see Rocket Loader anywhere in the settings panel. I've already gone through "Manage Deployment > Retry Deployment" and that didn't change anything.
I'm somewhat at a loss for what else I should try. Does anyone have any suggestions?
Here is a link to the deployed page, if it helps: https://bosco-imgs-hosting.pages.dev/
Thanks!
1 Reply
I figured out my problem after 24 hours of puzzling. I had a variable that relied on a portion of the URL, which changed when I pushed it to Cloudflare. I'm relieved to have this working now!