With a fresh Remix app installation I cannot get this dropdown to render anymore:
I was working on converting my extension app to be a Remix app and whenever I start the Remix app I cannot get this to load. Even when I click the Customize button in Settings → Checkout → Configuration, sometimes it just blips a gray page and returns me back to the checkout settings page.
I’ve tried creating a new app by running the following:
λ > shopify app init
? Get started building your app:
✔ Build a Remix app (recommended)
? For your Remix template, which language do you want?
✔ TypeScript
? Create this project as a new app on Shopify?
✔ Yes, create it as a new app
? App name:
✔ tm-test
cd into the new app directory and run:
λ > shopify app generate extension
? Type of extension?
✔ Checkout UI
? Name your extension:
✔ tm-test-extension
? What would you like to work in?
✔ TypeScript React
and finally shopify app dev but it still does not work and I get stuck without the dropdown (from the above screenshot) rendering. And this is me not making any changes to the scaffolding code except for the above commands.
Reminder, when running just an extension app everything works correctly.
What could be the issue?
If you need more data to pinpoint the issue please let me know which data you need!
- I can’t say for sure what’s happening here without a bit more info, but the behaviour we’re seeing in your example there usually means the checkout editor can’t initialize because a checkout extension on the profile is in a bad state, rather than anything Remix-specific.