Not getting the "Install Unlisted App" popup for some reason.

[satwik97]

Hi,

I was following tutorial Build a Shopify App with Node and React , and in the "Embed your app in Shopify" section there's a step where I install the app in my development store. But there's something weird that's happening and I'm not able to figure out the reason,

When I click on install app, I don't get the "Install Unlisted App" popoup for some reason. Rather, I get the following screen directly

So now when I check my dev store, there are no apps installed,

I'm not sure how to get this working.

[policenauts1]

I haven't gone through this tutorial, but my hunch is either the code in your app isn't routing you to the permissionUrl: https://shopify.dev/tools/app-bridge/getting-started in the 'Authenticate with OAuth' section or perhaps something is up with that install link. I don't know what that install link does, I was never able to get it to work. Instead what worked for me was manually generating a permissionUrl like this:

https://{shop}.myshopify.com/admin/oauth/authorize?client_id={api_key}&scope={scopes}&redirect_uri={redirect_uri}&state={nonce}&grant_options[]={access_mode}

Try that for your development store, you should see the OAuth prompt and you can proceed. 

[Kevin_A]

Hey @satwik97 

I ran through the tutorial you are referring to and was able to get it to install into my dev shop without issue. I would suggest you try cloning the completed code from https://github.com/shopify/shopify-demo-app-node-react/ to see if that works for you.