TypeError: createApp is not a function

Retired Boards Appdev Tools

Topic summary

A user encountered a TypeError: createApp is not a function when importing from @shopify/app-bridge.

Resolution:
The issue was solved by correcting the import syntax to use named imports with braces: import { createApp } from "@shopify/app-bridge" instead of a default import.

Additional Context:

  • Another user reported the same error when deploying to fly.io (worked locally)
  • One participant mentioned using the development/debugging library as an alternative troubleshooting approach
  • The solution involved fixing the import statement to properly destructure the named export
Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.
1

import createApp from “@shopify/app-bridge”

const myApp = createApp({
apiKey: ‘api-key’,
shopOrigin: ‘shopOrgin’,
});

Please solve this issue. createApp is not a function

2

Hi @Manthan :waving_hand:

What version of @shopify/app-bridge are you using?

Thanks!

3

Thanks, @CharlieD for your reply, but the issue is solved.

4

Awesome, glad to hear!

5

How did you solve it? I’m running in to the same issue. My code looks almost exactly the same as yours. It works when I run it locally but when I deploy it to fly.io I’m running into that issue.

6

I’ve got the newest version of app-bridge and the same issue.

There is the opportunity to use development library instead:

https://shopify.dev/docs/apps/tools/app-bridge/debugging

1 Like
7

Sorry for the late reply, I just added the braces like this - import {createApp} from “@shopify/app-bridge”

1 Like