Shopify / shopify-app-template-node

MIT License
860 stars 393 forks source link

Installed app doesn't display UI on store #1288

Open lockystav opened 1 year ago

lockystav commented 1 year ago

Issue summary

I am currently in deployment stage of my shopify app. Everyhting is working fine in development and there are no issues with getting the app running onto my development store.

I am now deploying the app on fly.io. The image gets built on fly fine and the machine gets deployed all good. I go to install the app, it sends me to the install screen all good, then when it comes to going to the home screen of the app, it doesnt show anything and comes up with this error in the console:

Screenshot 2023-07-13 at 12 09 48 pm Screenshot 2023-07-13 at 12 58 03 pm

Upon further inspection, I have been able to see that this file is in the path /frontend/dist/assets/index-28a6294e.js. It seems like this file gets generated when npm installs dependencies in the build and on production as the suffix of the file refers to the commit hash of the latest commit on the repo.

I hope this is enough information for anyone to be of any assistance. Would greatly appreciate any sort of help as this is literally the last part I need to complete for the app to be working and I am at a loss as to what I should do.

Uncaught TypeError: t is not a constructor
    at b8 (index-28a6294e.js:83:23985)
    at Z (index-28a6294e.js:97:796)
    at index-28a6294e.js:73:88558
    at index-28a6294e.js:1:23
    at index-28a6294e.js:113:19716

Expected behavior

The app should be loading onto the screen

Actual behavior

The app does not load and just shows a blank screen image

Steps to reproduce the problem

  1. Deploy app to fly.io as per instrcutions
  2. Build docker image through deployment
  3. Install app onto store