cli: Remix server not running and there is no error in terminal.

Issue summary

I am following tutorial at shopify.dev, but I am not able to go beyond app installtion screen. I feel like the remix server is not running on my local but I do not see any error either.

  • @shopify/shopify-app-remix version: ^1.1.0
  • Node version: v18.16.0
  • Operating system: macos
// Paste any relevant logs here

16:02:59 β”‚ remix β”‚ 
16:02:59 β”‚ remix β”‚  πŸ’Ώ  remix dev
16:02:59 β”‚ remix β”‚ 
16:02:59 β”‚ remix β”‚  info  building...
16:03:00 β”‚ remix β”‚  info  built (985ms)
16:03:02 β”‚ remix β”‚ [shopify-api/INFO] version 7.6.0, environment Remix
16:03:04 β”‚ remix β”‚ Remix App Server started at http://localhost:55911 (http://10.187.60.46:55911)
16:03:05 β”‚ remix β”‚ Could not reach Remix dev server at https://edition-delete-agencies-cdna.trycloudflare.com/ping (502)
16:03:05 β”‚ remix β”‚ 
16:03:05 β”‚ remix β”‚ 
/Users/Mukesh/Projects/hunch/mayvent/flexible-consumer-app/node_modules/.pnpm/@remix-run+server-runtime@1.19.3/node_modules/@remix-run/server-runtime/dist/dev.js:34
16:03:05 β”‚ remix β”‚     throw Error(await response.text());
16:03:05 β”‚ remix β”‚           ^
16:03:05 β”‚ remix β”‚ Error: 502 Bad Gateway
16:03:05 β”‚ remix β”‚ Unable to reach the origin service. The service may be down or it may not be responding to traffic from cloudflared
16:03:05 β”‚ remix β”‚ 
16:03:05 β”‚ remix β”‚     at Object.broadcastDevReady 
(/Users/Mukesh/Projects/hunch/mayvent/flexible-consumer-app/node_modules/.pnpm/@remix-run+server-runtime@1.19.3/node_modules/@remix-run/server-runtime/dist/dev.js:34:11)
16:03:05 β”‚ remix β”‚     at processTicksAndRejections (node:internal/process/task_queues:95:5)

Expected behavior

Application should run and I should be able to see default screen.

Actual behavior

Getting following error

502 Bad Gateway
Unable to reach the origin service. The service may be down or it may not be responding to traffic from cloudflared

Steps to reproduce the problem

  1. pnpm create @shopify/app@latest
  2. pnpm dev

About this issue

  • Original URL
  • State: open
  • Created 10 months ago
  • Comments: 22 (3 by maintainers)

Most upvoted comments

Hey @muke5hy

Sorry the issue here.

It’s hard for me to diagnose the problem here, but it looks like it might be an issue with the Cloudflare tunnel. Please could you try running dev with an ngrok tunnel instead? here is how:

  1. First setup ngrok: https://ngrok.com/product/secure-tunnels
  2. Create an ngrok tunnel on port 8080: ngrok http 8080.
  3. Copy the forwarding address. This should be something like: https://f355-2607-fea8-bb5c-8700-7972-d2b5-3f2b-94ab.ngrok-free.app
  4. In a separate terminal run yarn shopify app dev --tunnel-url=TUNNEL_URL:8080 replacing TUNNEL_URL for the address you copied in step 3.

Hey @byrichardpowell,

Thank you, this worked for me!

Any updates? 😭😭😭

Hey @muke5hy

Sorry the issue here.

It’s hard for me to diagnose the problem here, but it looks like it might be an issue with the Cloudflare tunnel. Please could you try running dev with an ngrok tunnel instead? here is how:

  1. First setup ngrok: https://ngrok.com/product/secure-tunnels
  2. Create an ngrok tunnel on port 8080: ngrok http 8080.
  3. Copy the forwarding address. This should be something like: https://f355-2607-fea8-bb5c-8700-7972-d2b5-3f2b-94ab.ngrok-free.app
  4. In a separate terminal run yarn shopify app dev --tunnel-url=TUNNEL_URL:8080 replacing TUNNEL_URL for the address you copied in step 3.