Issue loading page

Extensions
1

I’ve been trying to get a customer account ui extension to work but I’m constantly getting the error:

There's a problem loading this page
Check the URL or try again in a few minutes.

I’ve tried bringing my code back to the most basic Hello, world render but its still giving me the error.

Additionally, I have these errors in the console:

CleanShot 2025-09-24 at 14.38.01
CleanShot 2025-09-24 at 14.38.01857×160 34.2 KB

Note that I’m only following the tutorial for a full page extension at this point.

Any guidance would be appreciated

2

I think its important to state that this isn’t my first time working with customer account ui extensions and I’ve never run into any issues prior.

I reverted to just the tutorial code to see if I had done something wrong with my setup

3

Hello @DevAOC ! Thanks for reaching out. I’m not able to reproduce your issue by following the full page extension tutorial. Were you able to get it working by reverting to the tutorial code?

If not, at what point in the tutorial are you seeing issues? Also, what is the URL for the full page extension you are trying to access?

4

I’m getting that error when trying to access the extension from the preview link given when running the shopify app dev command. Although, I did start getting that error earlier when attempting to view the extension directly in the storefront preview (from the theme customizer).

My thought was that I was doing some sort of setup wrong in the customizer but that thought went away once the same issue persisted in the preview (after having removed the extension from the storefront).

I’ve made a new store thinking it could be that and haven’t yet tried making a new application to test if its somehow related to bad app state.

I can share my toml and other code if you would like to see. It really doesn’t bother me to share whatever since this is just a test app (writing a template for our customers)

5

Yes, please share your toml and other extension code.

6

TOML:

# Learn more about configuring your Customer account UI extension:
# https://shopify.dev/api/customer-account-ui-extensions/unstable/configuration

# The version of APIs your extension will receive. Learn more:
# https://shopify.dev/docs/api/usage/versioning
api_version = "2025-07"

[[extensions]]
name = "wishlist-account-ui"
handle = "wishlist-account-ui"
type = "ui_extension"
uid = "f40f3528-ff2f-b8b8-f747-6338154973f3cb8f5833"

# Controls where in Shopify your extension will be injected,
# and the file that contains your extension’s source code. Learn more:
# https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/extension-targets-overview

[[extensions.targeting]]
module = "./src/Wishlist.tsx"
target = "customer-account.page.render"

[extensions.capabilities]
# Gives your extension access to directly query Shopify’s storefront API.
# https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/configuration#api-access
api_access = true

# Gives your extension access to make external network calls, using the
# JavaScript `fetch()` API. Learn more:
# https://shopify.dev/docs/api/customer-account-ui-extensions/unstable/configuration#network-access
network_access = true

src/Wishlist.tsx:

import { useEffect, useState } from "react";
import {
  reactExtension,
  useApi,
  Grid,
  BlockStack,
  TextBlock,
  Button,
  Image,
  Page,
  ResourceItem,
  SkeletonImage,
  SkeletonText,
} from "@shopify/ui-extensions-react/customer-account";

export default reactExtension("customer-account.page.render", () => (
  <FullPageExtension />
));

function FullPageExtension() {
  return (
    <Page title="Wishlist">
      <BlockStack>
        <TextBlock>Wishlist</TextBlock>
      </BlockStack>
    </Page>
  );
}

I have a few component files but they are unused in my least reproduction so I’ll exclude them here

7

I just realized my mistake. I didn’t add "workspaces": ["extensions/*"] to my root package.json so the shopify app generate extension command didn’t create a package.json in my customer account ui extension. Dummy me; sorry about that!

8

Ah! Glad you figured it out! Happy coding :smiley: