Cloudflare Developers•2y ago

Svelte/kit on CF behaves differently on two domains, with the same deployment

Hey all, I've deployed a svelte app using cloudflare pages, but it's behaving really really weirdly.
https://discord.com/channels/457912077277855764/1239235015422902372

is my post in the svelte discord, but to simplify it, it works in the default pages.dev domain, but not with my custom menu.cruncho.app domain... and I've got no idea why

mr nooli

M

mr nooliOP•5/12/24, 8:19 PM

I can't actually tell if this is an issue on the cloudflare side or the svelte side... so I've put it here just in case!

mr nooli

Mmr nooli I can't actually tell if this is an issue on the cloudflare side or the svelte s...

Hello, I’m Allie!

H

Hello, I’m Allie!•5/12/24, 8:20 PM

I'm seeing a bunch of subresource hash failures on the custom domain. Might it be that you are hard-coding the

pages.dev

pages.dev

domain somewhere, which breaks the hashes?

mr nooli

M

mr nooliOP•5/12/24, 8:20 PM

no reference to pages.dev on my end

Chaika

C

Chaika•5/12/24, 8:21 PM

the only error I see is this:

mr nooli

M

mr nooliOP•5/12/24, 8:21 PM

I'm completely new to svelte so bear with me!

Chaika

C

Chaika•5/12/24, 8:21 PM

there's only a few differences between Custom Domains and the pages.dev, the primary ones being

minification
caching

Chaika

CChaika there's only a few differences between Custom Domains and the pages.dev, the pri...

Hello, I’m Allie!

H

Hello, I’m Allie!•5/12/24, 8:22 PM

ooh, good point

mr nooli

M

mr nooliOP•5/12/24, 8:22 PM

ah, could it be that the minification could be causing an issue?

Chaika

C

Chaika•5/12/24, 8:22 PM

could be, I'm not familiar with svelte too much either but I know some frameworks break with it lol

Chaika

C

Chaika•5/12/24, 8:22 PM

You can turn it off under Speed -> Optimizations -> Content Optimization -> Auto Minify

Chaika

C

Chaika•5/12/24, 8:23 PM

(under websites -> click on your website in Cloudflare)
Magic Link: https://dash.cloudflare.com/?to=/:account/:zone/speed/optimization/content

Chaika

C

Chaika•5/12/24, 8:24 PM

turn off Rocket Loader as well if that's on, it's just above Auto Minify. I don't see it on your site, but just another thing that could cause issues

mr nooli

M

mr nooliOP•5/12/24, 8:24 PM

Disabled everything

mr nooli

M

mr nooliOP•5/12/24, 8:24 PM

no luck still - also purged my cache

mr nooli

M

mr nooliOP•5/12/24, 8:25 PM

Oh

mr nooli

M

mr nooliOP•5/12/24, 8:25 PM

it's working

mr nooli

M

mr nooliOP•5/12/24, 8:25 PM

Walshy

W

Walshy•5/12/24, 8:25 PM

is

hydration_missing_marker_open

hydration_missing_marker_open

something from your app?

Walshy

W

Walshy•5/12/24, 8:25 PM

ah nice

mr nooli

M

mr nooliOP•5/12/24, 8:25 PM

Damn, that's a really strange error

mr nooli

M

mr nooliOP•5/12/24, 8:25 PM

thanks a bunch

mr nooli

M

mr nooliOP•5/12/24, 8:25 PM

hydration_missing_marker_open

hydration_missing_marker_open

I genuinely couldn't tell you

Walshy

W

Walshy•5/12/24, 8:26 PM

since you did both so close together hard to say which fixed it

Chaika

C

Chaika•5/12/24, 8:26 PM

I'm assuming it was minification, caching can also cause issues but all your assets look like they have hashes in the name and no cache on html

Walshy

W

Walshy•5/12/24, 8:26 PM

it's svelte, it just wasn't showing anything on google but github search returns it

mr nooli

M

mr nooliOP•5/12/24, 8:27 PM

kk, just glad I got that fixed, really appreciate it

Svelte/kit on CF behaves differently on two domains, with the same deployment - Cloudflare Developers