No route matches URL "/extensions/dev-console"

[0zd0]

https://shopify.dev/docs/apps/build/admin/actions-blocks/connect-admin-extensions?extension=react#test-the-extensions it says here about testing the extension. Firstly, when clicking on p nothing opens, secondly, even going directly to the link remix does not have such a route and obviously error 404

[lizkenyon]

Hi 👋

This looks like an issue with the CLI. I am going to transfer this issue.

It would be helpful for that team to investigate if you could share the series of CLI commands you took to get into this state.

[0zd0]

@lizkenyon as I understand it, I have the extensions console open on a random port and there is no configuration of this, which is very strange. The Remix app itself is running on port 8020. I can't create Admin Block extensions in my Remix App?

[0zd0]

I run the command pnpm run dev --tunnel-url $SHOPIFY_APP_URL. The --theme-app-extension-port parameter has no effect. My domain proxies to static port 8020, so I can't allocate /extensions/dev-console to a random port

[isaacroldan]

Hi @0zd0!

I think you are running dev with the wrong parameter: --tunnel-url $SHOPIFY_APP_URL The --tunnel-url flag is intended for when you want to use your own tunnel provider instead of the CLI built-in one (cloudflare).

This URL always needs to be a tunnel pointing to your localhost, for instance, if you wanted to use ngrok as your tunnel provider you'll run:

in one terminal:

ngrok http 3000

in a different terminal:

pnpm run dev --tunnel-url <ngrok_url>:3000

Being <ngrok_url> the URL obtained from the first step.

but also, unless you have problems with cloudflare, you should be able to just run pnpm run dev

Let me know if this helps or I need more details about your specific dev situation!

[0zd0]

@isaacroldan I work in a Docker container and use my domain locally with nginx proxying

[isaacroldan]

When you run dev the CLI starts different local servers (remix app, dev console, etc...) all with different ports but under a local proxy that handles all redirects.

You don't need to care about the dev console port, because that port is only used internally by the CLI local proxy

You can configure the port used by the proxy with the --tunnel-url parameter. If the port you want to expose publicly is let's say 3000, then use --tunnel_url <your_url>:3000

⚠ this port CAN'T be the same port you use for your Remix app

[0zd0]

@isaacroldan When extensions are created in the project, the extension panel appears, running on a random port and I can not define a static port for nginx

[github-actions[bot]]

This issue seems inactive. If it's still relevant, please add a comment saying so. Otherwise, take no action. → If there's no activity within a week, then a bot will automatically close this. Thanks for helping to improve Shopify's dev tooling and experience.

P.S. You can learn more about why we stale issues here.