shopify app dev not start remix or updating URLs

This may be a unique situation, but I did have everything working properly…

I have a live, production app on the app store and now I want to work on new features in an isolated development environment.

I created a ‘new app’ to have a separate development app to work and test with.

I switched over my client id and secret thinking this will be all I have to do.

Now, when I run npm run dev it appears to create a new Cloudflare tunnel and update my new development app’s configuration.

  • My config file is not being updated, but on my Shopify Partners → App → Configuration it is updated there with new cloudflare url

Additionally, upon running npm run dev it only prints out the following, looks like remix is not even starting?

I have tried all sorts of configurations and link and use and deploy, all with no errors but nothing seems to be working.

  • Have updated and reinstalled @shopify/cli

  • Removed node_modules and reran npm install

  • shopify app dev appears to work completely fine with a NEW fresh app from shopify app init

Any ideas?

I think you are missing the following file in your root dir: https://github.com/Shopify/shopify-app-template-remix/blob/39f9e1dd2a7b092c1fe1048d2c6b1728f937db0a/shopify.web.toml

shopify.web.toml


name = "remix"
roles = ["frontend", "backend"]
webhooks_path = "/webhooks/app/uninstalled"

[commands]
predev = "npx prisma generate"
dev = "npx prisma migrate deploy && npm exec remix vite:dev"