POS UI Extensions: Issue testing getting started app with MIME type (' ') is not executable error

[damtan9008]

Please list the package(s) involved in the issue, and include the version you are using

1. Shopify CLI version 3.46.3
2. Shopify app version 3.46.3
3. NPM version 9.6.4
4. Node version 20.0.0
5. ngrok version 3.2.2
6. retail-ui-extension version 1.01 and 1.1.2

Describe the bug

I was following the steps from the development doc to deploy a hello world version of POS UI Extension on the android emulator but was running into the same error " refused to execute script from 'https://6023-103-252-203-176.ngrok-free.app/extensions/dev-69e15911-fab5-43bd-9038-a80d5d3205cd/assets/main.js?lastUpdated=1686198240469' because its MIME type ('') is not executable." no matter which language I chose. I have tested it on my iPad and iPhone as well and the same issue happened.

Steps to reproduce the behavior:

1. Create an app with POS UI Extension
2. Run POS UI Extension in android emulator with deeplink

Expected behavior

Able to see a POS UI Extension app with the name My app

Screenshots

Additional context

[vctrchu]

Hi @damtan9008, can you please trying running npm run shopify upgrade and try again? The Preview URL generated from the npm run dev command should not be hosted with ngrok but Cloudflare. It should be in the format of https://~~~~~.trycloudflare.com/extension/dev-console.

[damtan9008]

Hi @vctrchu , thanks for getting back to me. Wanted to check if ngrok is the one causing the issue here as it has been working for me as my tunnel of choice when I was running functions or checkout extensions locally.

[vctrchu]

Yes, the free version of ngrok has seen to cause some issues. We recommend switching to cloudflare or upgrading ngrok.

[damtan9008]

Thanks @vctrchu , will try out both methods on my end