For discussing the development and usage of Checkout UI extensions, post-purchase extensions, web pixels, Customer Accounts UI extensions, and POS UI extensions
I have an existing extension that I have upgraded to Simplified Deployment recently.
When I run `npm run deploy`, I can see the new version created in the Partners Dashboard under the correct app but the change isn't being reflected when I run the extension. I have removed and reapplied the extension to no avail.
I have released multiple new versions and it's been over 24 hours so the change should have been displayed by now. When I run `npm run dev` I can see the change but the store still shows the pre-updated extension.
I have `@shopify/cli` and `@shopify/app` on version `3.48.0`.
Any help would be great thanks!
Solved! Go to the solution
This is an accepted solution.
Hi Cstadev,
When you navigate to your app on the partner dashboard, in the Extensions section, there's an option to "Turn off" the Development store preview:
Turn this off and run npm run deploy
and the version should become available on the store.
Let me know if you're still seeing issues after this.
Liam | Developer Advocate @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit Shopify.dev or the Shopify Web Design and Development Blog
I can confirm I too am having this issue again, it was fixed for a couple of days after the initial issue but once I recreated the extension it started working. Now it's not working again!
This is an accepted solution.
Hi Cstadev,
When you navigate to your app on the partner dashboard, in the Extensions section, there's an option to "Turn off" the Development store preview:
Turn this off and run npm run deploy
and the version should become available on the store.
Let me know if you're still seeing issues after this.
Liam | Developer Advocate @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit Shopify.dev or the Shopify Web Design and Development Blog
Hi Liam,
Thanks for getting back to me. I am however testing on a development store. Is that option meant to be off regardless?
I will try now with it off and report back.
Hi Cstadev,
This should work with both development and live "regular" stores. The "development store preview" option is based on the app settings on the partner dashboard - but it's not related to any one specific store. You'll find this option in your partner dashboard, in the app settings > extensions section.
Hope this helps,
Liam | Developer Advocate @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit Shopify.dev or the Shopify Web Design and Development Blog
Hi Liam,
Thanks for helping me on Slack as well trying to get to the bottom of this. The solution above fixed my issue 👍
It says It is released on version
But on the extensions tab, it is not released. Look at the Updated date. it is not updating
What happens when you run `npm run deploy`?
Liam | Developer Advocate @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit Shopify.dev or the Shopify Web Design and Development Blog
It shows this
but in the extensions tab, it is not updated
Are you on version `3.48.0` for both the shopify cli and @Shopify/app dependancies?
Liam | Developer Advocate @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit Shopify.dev or the Shopify Web Design and Development Blog
Yes, I am on that version.
I just noticed something! When i turn off the store preview the latest version works on the store but when i turn on the preview it goes back to the older version.
This also worked for me thank you Liam! (after two weeks of running in circles)
Also note that after running "deploy" in your dev environment, the new app version must be successfully "released" also (or you have some things to fix first).
Success output may look loke this:
npm run deploy
> tdy-checkout@1.0.0 deploy
> shopify app deploy
╭─ info ───────────────────────────────────────────────────────────────────────╮
│ │
│ Using .env.tdy-checkout: │
│ │
│ • Org: Teledyne Technologies Incorporated │
│ • App: tdy-checkout │
│ │
│ You can pass `--reset` to your command to reset your app configuration. │
│ │
╰──────────────────────────────────────────────────────────────────────────────╯
╭─ warning ────────────────────────────────────────────────────────────────────╮
│ │
│ `npm run deploy` now releases changes to users. │
│ │
│ All your extensions will be released to users, unless you add the │
? Release a new version of tdy-checkout?
? Release a new version of tdy-checkout?
┃ Includes:
┃ + tdy-checkout-ui (new)
┃ Includes:
┃ + tdy-checkout-ui (new)
> (y) Yes, release this new version
(n) No, cancel
Press ↑↓ arrows to select, enter or a shortcut to confirm.
? Release a new version of tdy-checkout?
✔ Yes, release this new version
Releasing a new app version as part of tdy-checkout
tdy-checkout-ui │ Bundling UI extension tdy-checkout-ui...
tdy-checkout-ui │ tdy-checkout-ui successfully built
╭─ success ────────────────────────────────────────────────────────────────────╮
│ │
│ New version released to users. │
│ │
│ tdy-checkout-2 [1] │
│ │
╰──────────────────────────────────────────────────────────────────────────────╯
This does not work for me. I DM'd you about my details. I followed all suggestions in this thread.
Just FYI - in development store, I have noticed that the date won't update on the app, but the app itself is actually updated (if there are no app errors). To verify, add some console.log statements (or console.error for functions) where you add something unique prior to each npm run dev (I used the current date/time) and verify that the unique value shows in the browser console when you are on the target shop page.
I found that turning on development store preview will update the extension content to the latest version of individual deployment. When the simplified deployment is activated, individual deployment can't create the latest version . Does it mean that the development store preview function is abandoned?
This is still an issue for me on @shopify/app and @shopify/cli version 3.48.3 when releasing new versions of a theme app extension from the cli and checking those changes on development store.
I currently have Development Store Preview toggled off and still having this issue.
Steps to reproduce:
1. Make code changes locally to a js file that is referenced in the javascript field of the app block schema file.
2. Publish a new version from the cli with the new local changes to index.js.
3. CLI acknowledges new version - "New version released to users"... I also see correct active version in partner dashboard.
3. Visit development store where the new active version should be live but page still showing old version even after several page refreshes.
There was one scenario where after I refreshed after about 10 minutes the new version showed up, but this was inconsistent and intermittent. Seems like a bug.
One thing to note is that when I open development store in a new incognito window the correct version is showing properly, which makes me think this could be caching related.
@Liam any ideas on what might be going on here?
I am having same problem, In my development store i can not see the add block options
Also,
I did all the given steps, can you let me know what i am making mistake here?