[Bug]: Developer Console is not loading

[0zd0]

Please confirm that you have:

• Searched existing issues to see if your issue is a duplicate. (If you’ve found a duplicate issue, feel free to add additional information in a comment on it.)
• Reproduced the issue in the latest CLI version.

In which of these areas are you experiencing a problem?

Extension

Expected behavior

Opens the HMR-enabled console when you switch to edit an extension

Actual behavior

The console takes forever to load

Verbose output

Verbose output

05:20:41 │                extensions │ 2025-02-19T05:20:41.647Z: UI extensions server received a GET request to URL /extensions/e766e480-0d1e-4d71-8c11-6a68f97381e9/admin.product-details.block.render
05:20:45 │                extensions │ 2025-02-19T05:20:45.226Z: UI extensions server received a OPTIONS request to URL /extensions/e766e480-0d1e-4d71-8c11-6a68f97381e9

05:20:45 │  product-parameters-block │ 2025-02-19T05:20:45.237Z: Parsed locales for extension product-parameters-block at /IdeaProjects/poizon-parser/extensions/product-parameters-block

05:20:45 │                extensions │ 2025-02-19T05:20:45.426Z: UI extensions server received a GET request to URL /extensions/e766e480-0d1e-4d71-8c11-6a68f97381e9

05:20:45 │  product-parameters-block │ 2025-02-19T05:20:45.438Z: Parsed locales for extension product-parameters-block at /IdeaProjects/poizon-parser/extensions/product-parameters-block

› Press d │ toggle development store preview: ✔ on
› Press g │ open GraphiQL (Admin API) in your browser
› Press p │ preview in your browser
› Press q │ quit

Preview URL: https://shopify-dev.space/extensions/dev-console
GraphiQL URL: http://localhost:3457/graphiql

2025-02-19T05:20:45.483Z: Getting last updated timestamp for file at ../extensions/product-parameters-block/dist/product-parameters-block.js...
2025-02-19T05:20:45.487Z: Getting last updated timestamp for file at ../.shopify/bundle/013797d5-a807-8d15-ed94-82e26191b4ada9c0c017/dist/product-parameters-block.js...
2025-02-19T05:20:45.674Z: Sending "Partners" GraphQL request:
query FindAppPreviewMode($apiKey: String!) {
  app(apiKey: $apiKey) {
    developmentStorePreviewEnabled
  }
}

With variables:
{
"apiKey": "*****"
}

With request headers:
- User-Agent: Shopify CLI; v=3.75.0
- Keep-Alive: timeout=30
- Sec-CH-UA-PLATFORM: linux
- Content-Type: application/json

Reproduction steps

1. Create an application with the Remix template
2. Create Admin Block extension in a product
3. Run dev
4. Go to /extensions/dev-console
5. Go to the extension

Operating System

6.11.8-arch1-2

Shopify CLI version (shopify --version)

3.75.3

Shell

No response

Node version (run node -v if you're not sure)

v22.14.0

What language and version are you using in your application?

Node v22.14.0

[0zd0]

I work at Devcontainer. Everything's okay except for this.
First I fixed the random port and ran /extensions/dev-console on static, now on my domain this panel opens directly. But still couldn't figure out the problem with the console and HMR. As I understood from the source code and logs it sends an update event, but I don't have any connection to react to these events and there are no errors in the browser console either.

I come in here

I only see a request for my domain to the extension itself and nothing else happens. At the same time the extension is rendered, but there is no HMR and no developer console.

Also the FindAppPreviewMode request is sent every 5 seconds, I don't know if it should be like that.

[gonzaloriestra]

Hi! Sorry for the late response.

I'm not able to reproduce this. Have you tried with a different tunnel provider like ngrok? Just to check if it's related. You can find instructions here: https://shopify.dev/docs/apps/build/cli-for-apps/use-ngrok-tunneling

[gonzaloriestra]

Also the FindAppPreviewMode request is sent every 5 seconds, I don't know if it should be like that.

This is expected.

[gonzaloriestra]

Another idea: could you try with a different dev store? It might be an issue with your current one.

[0zd0]

@gonzaloriestra I just checked without my custom configuration of my domain in Docker and ran purely locally without the --tunnel-url parameter (automatically configured by cloudflare) - same thing

About the problem in the store, how to test this in another store?

[0zd0]

Do we need some kind of moderation or a different rate?

[gonzaloriestra]

It's easy and free. You can follow this guide to create a new one: https://help.shopify.com/en/partners/dashboard/managing-stores/development-stores

[0zd0]

@gonzaloriestra Yes, I created another partner and everything works there, websocket connects to /extensions. Is it possible to fix this in a non working store?

[gonzaloriestra]

Great! We don't know yet what's going on, but let us investigate.