CD
Cloudflare Developers•2y ago
m

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  -
wtf?! i can reproduce it on my phone too, so it isn't a browser thing
26 Replies
Hello, I’m Allie!
Hello, I’m Allie!•2y ago
Do you have a source repo we can test with?
m
m•2y ago
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!
Hello, I’m Allie!•2y ago
Also, love the Blåhaj!
m
m•2y ago
😄
Hello, I’m Allie!
Hello, I’m Allie!•2y ago
Ok, so first issue. Without any modifications to your repo(cd /apps/site, volta pin node@16.13.0, and pnpm install), I immediately get an error on dev that Buffer is not defined. Did you manually polyfill that somewhere?
m
m•2y ago
pnpm doesn’t run the post install script for whatever reason just run pnpm postinstall and it’ll setup the polyfill
Hello, I’m Allie!
Hello, I’m Allie!•2y ago
Derp Wait 
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
m
m•2y ago
(may also take a few installs and uninstalls of remix-esbuild-override)
Hello, I’m Allie!
Hello, I’m Allie!•2y ago
It did run it, but it didn't work...
m
m•2y ago
that package is buggy in pnpm ah well 😅 something something related to module resoluton... no idea
Hello, I’m Allie!
Hello, I’m Allie!•2y ago
Found the issue. Turns out esbuild doesn't actually get installed if you don't manually ask for it... Can't override esbuild if it doesn't exist
m
m•2y ago
weird 🤔 the CI script is able to build it fine w/o anything special
m
m•2y ago
Hello, I’m Allie!
Hello, I’m Allie!•2y ago
TBH, issues like this is why I gave up on Remix and most other React Metaframeworks Cough Cough Vercel Cough Cough Can you send me your lockfile?
m
m•2y ago
it's in the root of the repo, but this is the one i have

pnpm-lock.yaml

Want results from more Discord servers?
Add your server