i’m getting "app failed to load” on Shopify tile , when i created a fresh extension .
On inspecting Chrome dev tool :
- it gives some internal error from posui.js file which gets auto-generated.
.toml File
# The version of APIs your extension will receive. Learn more:
# https://shopify.dev/docs/api/usage/versioning
api_version = "2024-04"
[[extensions]]
type = "ui_extension"
name = "posui"
handle = "posui"
description = "A react POS UI extension"
# Controls where in POS your extension will be injected,
# and the file that contains your extension’s source code.
[[extensions.targeting]]
module = "./src/Tile.jsx"
target = "pos.home.tile.render"
[[extensions.targeting]]
module = "./src/Modal.jsx"
target = "pos.home.modal.render"
Package.json
{
"name": "",
"version": "1.0.0",
"license": "UNLICENSED",
"scripts": {
"shopify": "shopify",
"build": "shopify app build",
"dev": "shopify app dev",
"info": "shopify app info",
"generate": "shopify app generate",
"deploy": "shopify app deploy"
},
"dependencies": {
"@shopify/app": "^3.58.2",
"@shopify/cli": "^3.65.3",
"@shopify/ui-extensions": "2024.4.2",
"@shopify/ui-extensions-react": "2024.4.2",
"react": "^18.3.1"
},
"author": "niteshkumar",
"private": true,
"description": "This is a template for building a [Shopify app](https://shopify.dev/docs/apps/getting-started) that includes no app home UI. It contains the basics for building a Shopify app that uses only app extensions.",
"main": "index.js",
"keywords": []
}