Error when hosted on pages but not on local

okay... if I have minify/rocketloader off, cf shouldn't touch any of my code right? so why is it that the same exact code hosted on pages vs locally (via wrangler pages dev produces very weird bugs?

https://t89.s3-us-west-1.amazonaws.com/2023/02/FFZG3c7N/unknown.mp4
i have no idea what is causing this and it seems the only difference is cloudflare
(cf version goes unstyled for a sec, throws some ssr errors)

$ curl -sL https://b823e205.blahaj-app.pages.dev/build/_shared/chunk-6PM3H3BH.js | sha1sum 
e9c75f39a61321d6ce63e4449c0849330cf4fc7f  -
$ curl -sL https://406c-72-109-113-150.ngrok.io/build/_shared/chunk-6PM3H3BH.js | sha1sum
e9c75f39a61321d6ce63e4449c0849330cf4fc7f  -
$ curl -sL https://406c-72-109-113-150.ngrok.io/build/entry.client-U75CJAHD.js | sha1sum
017dccc8d8ae194863ff1af0ea66b8d748da65bb  -
$ curl -sL https://b823e205.blahaj-app.pages.dev/build/entry.client-U75CJAHD.js | sha1sum
017dccc8d8ae194863ff1af0ea66b8d748da65bb  -

$ curl -sL https://b823e205.blahaj-app.pages.dev/build/_shared/chunk-6PM3H3BH.js | sha1sum 
e9c75f39a61321d6ce63e4449c0849330cf4fc7f  -
$ curl -sL https://406c-72-109-113-150.ngrok.io/build/_shared/chunk-6PM3H3BH.js | sha1sum
e9c75f39a61321d6ce63e4449c0849330cf4fc7f  -
$ curl -sL https://406c-72-109-113-150.ngrok.io/build/entry.client-U75CJAHD.js | sha1sum
017dccc8d8ae194863ff1af0ea66b8d748da65bb  -
$ curl -sL https://b823e205.blahaj-app.pages.dev/build/entry.client-U75CJAHD.js | sha1sum
017dccc8d8ae194863ff1af0ea66b8d748da65bb  -

$ curl -sL https://b823e205.blahaj-app.pages.dev/build/_shared/chunk-6PM3H3BH.js | sha1sum 
e9c75f39a61321d6ce63e4449c0849330cf4fc7f  -
$ curl -sL https://406c-72-109-113-150.ngrok.io/build/_shared/chunk-6PM3H3BH.js | sha1sum
e9c75f39a61321d6ce63e4449c0849330cf4fc7f  -
$ curl -sL https://406c-72-109-113-150.ngrok.io/build/entry.client-U75CJAHD.js | sha1sum
017dccc8d8ae194863ff1af0ea66b8d748da65bb  -
$ curl -sL https://b823e205.blahaj-app.pages.dev/build/entry.client-U75CJAHD.js | sha1sum
017dccc8d8ae194863ff1af0ea66b8d748da65bb  -

$ curl -sL https://b823e205.blahaj-app.pages.dev/build/_shared/chunk-6PM3H3BH.js | sha1sum 
e9c75f39a61321d6ce63e4449c0849330cf4fc7f  -
$ curl -sL https://406c-72-109-113-150.ngrok.io/build/_shared/chunk-6PM3H3BH.js | sha1sum
e9c75f39a61321d6ce63e4449c0849330cf4fc7f  -
$ curl -sL https://406c-72-109-113-150.ngrok.io/build/entry.client-U75CJAHD.js | sha1sum
017dccc8d8ae194863ff1af0ea66b8d748da65bb  -
$ curl -sL https://b823e205.blahaj-app.pages.dev/build/entry.client-U75CJAHD.js | sha1sum
017dccc8d8ae194863ff1af0ea66b8d748da65bb  -

wtf?!
i can reproduce it on my phone too, so it isn't a browser thing

Llily okay... if I have minify/rocketloader off, cf shouldn't touch any of my code rig...

Hello, I’m Allie!•2/17/23, 7:44 AM

Do you have a source repo we can test with?

lilyOP•2/17/23, 7:46 AM

https://github.com/repository/blahaj-app/tree/master/apps/site

GitHub

blahaj-app/apps/site at master · repository/blahaj-app

Contribute to repository/blahaj-app development by creating an account on GitHub.

Hello, I’m Allie!•2/17/23, 7:47 AM

Also, love the Blåhaj!

lilyOP•2/17/23, 7:48 AM

Llily 😄

Hello, I’m Allie!•2/17/23, 8:01 AM

Ok, so first issue. Without any modifications to your repo(

cd /apps/site

cd /apps/site

volta pin node@16.13.0

volta pin node@16.13.0

, and

pnpm install

pnpm install

), I immediately get an error on

dev

dev

that Buffer is not defined. Did you manually polyfill that somewhere?

lilyOP•2/17/23, 8:01 AM

pnpm doesn’t run the post install script for whatever reason

lilyOP•2/17/23, 8:02 AM

just run pnpm postinstall

lilyOP•2/17/23, 8:02 AM

and it’ll setup the polyfill

Hello, I’m Allie!•2/17/23, 8:02 AM

Derp

Hello, I’m Allie!•2/17/23, 8:03 AM

Wait

Hello, I’m Allie!•2/17/23, 8:03 AM

Scope: all 5 workspace projects

dependencies:
+ @blahaj-app/static <- ../../packages/static
+ @chakra-ui/react 2.4.9
+ @emotion/cache 11.10.5
+ @emotion/react 11.10.5
+ @emotion/server 11.10.0
+ @emotion/styled 11.10.5
+ @neondatabase/serverless 0.2.4
+ @react-hook/resize-observer 1.2.6
+ @remix-run/cloudflare 1.12.0
+ @remix-run/cloudflare-pages 1.12.0
+ @remix-run/react 1.12.0
+ @visx/curve 3.0.0
+ @visx/event 3.0.0
+ @visx/gradient 3.0.0
+ @visx/responsive 3.0.0
+ @visx/scale 3.0.0
+ @visx/shape 3.0.0
+ @visx/tooltip 3.0.0
+ cross-env 7.0.3
+ d3-array 3.2.2
+ date-fns 2.29.3
+ eases 1.0.8
+ framer-motion 9.0.1
+ kysely 0.23.4
+ mapbox-gl 2.12.0
+ moize 6.1.5
+ react 18.2.0
+ react-dom 18.2.0
+ react-icons 4.7.1
+ react-map-gl 7.0.21
+ remix-params-helper 0.4.10
+ remix-routes 1.3.1
+ remix-typedjson 0.1.7
+ simplebar-react 3.2.1
+ throttle-debounce 5.0.0
+ usehooks-ts 2.9.1
+ zod 3.20.6

devDependencies:
+ @cloudflare/workers-types 4.20230115.0
+ @esbuild-plugins/node-globals-polyfill 0.2.3
+ @remix-run/dev 1.12.0
+ @remix-run/eslint-config 1.12.0
+ @types/d3-array 3.0.4
+ @types/eases 1.0.2
+ @types/mapbox-gl 2.7.10
+ @types/react 18.0.27
+ @types/react-dom 18.0.10
+ @types/throttle-debounce 5.0.0
+ eslint 8.33.0
+ eslint-plugin-prefer-arrow-functions 3.1.4
+ npm-run-all 4.1.5
+ remix 1.12.0
+ remix-esbuild-override 3.0.4
+ typescript 4.9.5
+ typescript-remix-routes-plugin 1.0.0
+ wrangler 2.9.0

. postinstall$ remix-esbuild-override
│ 💽 esbuild patch by remix-esbuild-override is complete.
└─ Done in 220ms
Done in 983ms

Scope: all 5 workspace projects

dependencies:
+ @blahaj-app/static <- ../../packages/static
+ @chakra-ui/react 2.4.9
+ @emotion/cache 11.10.5
+ @emotion/react 11.10.5
+ @emotion/server 11.10.0
+ @emotion/styled 11.10.5
+ @neondatabase/serverless 0.2.4
+ @react-hook/resize-observer 1.2.6
+ @remix-run/cloudflare 1.12.0
+ @remix-run/cloudflare-pages 1.12.0
+ @remix-run/react 1.12.0
+ @visx/curve 3.0.0
+ @visx/event 3.0.0
+ @visx/gradient 3.0.0
+ @visx/responsive 3.0.0
+ @visx/scale 3.0.0
+ @visx/shape 3.0.0
+ @visx/tooltip 3.0.0
+ cross-env 7.0.3
+ d3-array 3.2.2
+ date-fns 2.29.3
+ eases 1.0.8
+ framer-motion 9.0.1
+ kysely 0.23.4
+ mapbox-gl 2.12.0
+ moize 6.1.5
+ react 18.2.0
+ react-dom 18.2.0
+ react-icons 4.7.1
+ react-map-gl 7.0.21
+ remix-params-helper 0.4.10
+ remix-routes 1.3.1
+ remix-typedjson 0.1.7
+ simplebar-react 3.2.1
+ throttle-debounce 5.0.0
+ usehooks-ts 2.9.1
+ zod 3.20.6

devDependencies:
+ @cloudflare/workers-types 4.20230115.0
+ @esbuild-plugins/node-globals-polyfill 0.2.3
+ @remix-run/dev 1.12.0
+ @remix-run/eslint-config 1.12.0
+ @types/d3-array 3.0.4
+ @types/eases 1.0.2
+ @types/mapbox-gl 2.7.10
+ @types/react 18.0.27
+ @types/react-dom 18.0.10
+ @types/throttle-debounce 5.0.0
+ eslint 8.33.0
+ eslint-plugin-prefer-arrow-functions 3.1.4
+ npm-run-all 4.1.5
+ remix 1.12.0
+ remix-esbuild-override 3.0.4
+ typescript 4.9.5
+ typescript-remix-routes-plugin 1.0.0
+ wrangler 2.9.0

. postinstall$ remix-esbuild-override
│ 💽 esbuild patch by remix-esbuild-override is complete.
└─ Done in 220ms
Done in 983ms

lilyOP•2/17/23, 8:03 AM

(may also take a few installs and uninstalls of remix-esbuild-override)

Hello, I’m Allie!•2/17/23, 8:03 AM

It did run it, but it didn't work...

lilyOP•2/17/23, 8:03 AM

that package is buggy in pnpm

HHello, I’m Allie!It did run it, but it didn't work...

lilyOP•2/17/23, 8:03 AM

Llily (may also take a few installs and uninstalls of remix-esbuild-override)

lilyOP•2/17/23, 8:03 AM

well

lilyOP•2/17/23, 8:04 AM

something something related to module resoluton... no idea

Llily something something related to module resoluton... no idea

Hello, I’m Allie!•2/17/23, 8:05 AM

Found the issue. Turns out

esbuild

esbuild

doesn't actually get installed if you don't manually ask for it...

Hello, I’m Allie!•2/17/23, 8:05 AM

Can't override esbuild if it doesn't exist

lilyOP•2/17/23, 8:05 AM

weird

lilyOP•2/17/23, 8:05 AM

the CI script is able to build it fine w/o anything special

lilyOP•2/17/23, 8:05 AM

https://github.com/repository/blahaj-app/blob/master/.github/workflows/deploy-site.yml

GitHub

blahaj-app/deploy-site.yml at master · repository/blahaj-app

Contribute to repository/blahaj-app development by creating an account on GitHub.

Hello, I’m Allie!•2/17/23, 8:07 AM

TBH, issues like this is why I gave up on Remix and most other React Metaframeworks

Hello, I’m Allie!•2/17/23, 8:07 AM

Cough Cough Vercel Cough Cough

Hello, I’m Allie!•2/17/23, 8:12 AM

Can you send me your lockfile?

lilyOP•2/17/23, 8:13 AM

it's in the root of the repo, but this is the one i have

lilyOP•2/17/23, 8:15 AM

(you may also need a database, i have a one for dev already setup so i can just send you the details if needed)

Hello, I’m Allie!•2/17/23, 8:15 AM

Oh...

Hello, I’m Allie!•2/17/23, 8:15 AM

Ok, I was under the impression that I only needed to run site...

lilyOP•2/17/23, 8:15 AM

site talks to db directly

lilyOP•2/17/23, 8:16 AM

i was just really wondering if anyone knew if pages does something weird to a site's code

lilyOP•2/17/23, 8:17 AM

because from first look... the code is identical

Hello, I’m Allie!•2/17/23, 8:18 AM

Might be injecting a Web Analytics script?

lilyOP•2/17/23, 8:32 AM

maybe... i'll see tomorrow once i've had some sleep

lilyOP•2/17/23, 8:32 AM

otherwise i might just move it to workers completely and not deal with pages

Walshy•2/17/23, 5:02 PM

Do you have any minification on?

Walshy•2/17/23, 5:02 PM

Pages itself doesn't touch code but other Cloudflare things can

lilyOP•2/17/23, 5:02 PM

it's on a pages.dev domain, so I don't think I can control that even

lilyOP•2/17/23, 5:03 PM

but I turned it off on my domain jusssst in case

Unsmart•2/17/23, 5:05 PM

I think this is just a difference of building for dev vs building for production and is standard react minification errors... had some of those happen recently at my works app though I dont do frontend so not sure what they did to fix it tbh (same exact error too the #418)

lilyOP•2/17/23, 5:05 PM

I'm hosting the prod build locally

Llily okay... if I have minify/rocketloader off, cf shouldn't touch any of my code rig...

lilyOP•2/17/23, 5:06 PM

even checked sha1 sums of the bundle... it's the same?!

lilyOP•2/17/23, 5:12 PM

ill try asking the remix people...

lilyOP•2/18/23, 12:47 AM

Timezones... https://t89.s3-us-west-1.amazonaws.com/2023/02/Cu6JGQ58/chrome.png

lilyOP•2/18/23, 12:47 AM

Scope: all 5 workspace projects dependencies: + @blahaj-app/static <- ../../packages/static + @chakra-ui/react 2.4.9 + @emotion/cache 11.10.5 + @emotion/react 11.10.5 + @emotion/server 11.10.0 + @emotion/styled 11.10.5 + @neondatabase/serverless 0.2.4 + @react-hook/resize-observer 1.2.6 + @remix-run/cloudflare 1.12.0 + @remix-run/cloudflare-pages 1.12.0 + @remix-run/react 1.12.0 + @visx/curve 3.0.0 + @visx/event 3.0.0 + @visx/gradient 3.0.0 + @visx/responsive 3.0.0 + @visx/scale 3.0.0 + @visx/shape 3.0.0 + @visx/tooltip 3.0.0 + cross-env 7.0.3 + d3-array 3.2.2 + date-fns 2.29.3 + eases 1.0.8 + framer-motion 9.0.1 + kysely 0.23.4 + mapbox-gl 2.12.0 + moize 6.1.5 + react 18.2.0 + react-dom 18.2.0 + react-icons 4.7.1 + react-map-gl 7.0.21 + remix-params-helper 0.4.10 + remix-routes 1.3.1 + remix-typedjson 0.1.7 + simplebar-react 3.2.1 + throttle-debounce 5.0.0 + usehooks-ts 2.9.1 + zod 3.20.6 devDependencies: + @cloudflare/workers-types 4.20230115.0 + @esbuild-plugins/node-globals-polyfill 0.2.3 + @remix-run/dev 1.12.0 + @remix-run/eslint-config 1.12.0 + @types/d3-array 3.0.4 + @types/eases 1.0.2 + @types/mapbox-gl 2.7.10 + @types/react 18.0.27 + @types/react-dom 18.0.10 + @types/throttle-debounce 5.0.0 + eslint 8.33.0 + eslint-plugin-prefer-arrow-functions 3.1.4 + npm-run-all 4.1.5 + remix 1.12.0 + remix-esbuild-override 3.0.4 + typescript 4.9.5 + typescript-remix-routes-plugin 1.0.0 + wrangler 2.9.0 . postinstall$ remix-esbuild-override │ 💽 esbuild patch by remix-esbuild-override is complete. └─ Done in 220ms Done in 983ms

Error when hosted on pages but not on local

Similar Threads

Similar Threads

Similar Threads