Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
0zd0 opened this issue Feb 18, 2025 · 5 comments · May be fixed by #5426
Open

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

0zd0 opened this issue Feb 18, 2025 · 5 comments · May be fixed by #5426

Comments

@0zd0
Copy link
Contributor

0zd0 commented Feb 18, 2025

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

Image

@lizkenyon
Copy link
Contributor

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.

@lizkenyon lizkenyon transferred this issue from Shopify/shopify-app-template-remix Feb 18, 2025
@0zd0
Copy link
Contributor Author

0zd0 commented Feb 18, 2025

@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?

Image

@0zd0
Copy link
Contributor Author

0zd0 commented Feb 18, 2025

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

@0zd0 0zd0 linked a pull request Feb 19, 2025 that will close this issue
5 tasks
@isaacroldan
Copy link
Contributor

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
Copy link
Contributor Author

0zd0 commented Feb 26, 2025

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants