Issues with app creation CARDS not showing up based on Shopify tutorials

Shopify Discussion

Topic summary

A developer is experiencing issues implementing Shopify card components following official tutorials and documentation. The cards fail to render properly, displaying only text without the expected card UI elements.

Code Issue:

  • Using React imports from ‘@shopify/polaris’ (Card and Text components)
  • The provided code snippet appears corrupted or reversed, suggesting potential encoding/formatting problems

Troubleshooting Attempted:

  • Tried multiple tutorials with same result
  • Attempted copying from app.additional page

Current Status:

  • Cards display correctly on the regular app.additional page
  • Cards still don’t appear on the custom implementation despite using identical code
  • No solutions found yet; developer remains confused about the discrepancy
Summarized with AI on November 14. AI used: claude-sonnet-4-5-20250929.
1

I try to create a new page from the code on the Shopify website and various tutorials but for some reason the cards never show up I am only left with text and nothing else I am unsure why this happens I have included the code if anyone else can help me I have tried many solutions to no avail I am highly confused

import {Card, Text} from '@shopify/polaris';
import React from 'react';

function CardExample() {
  return (
    <Card>
      <Text as="h2" variant="bodyMd">
        Content inside a card
      </Text>
    </Card>
  );
}
2

Update to this issue I actually copied the app.additional page and everything except the cards show up on the regular app.additional page I get cards though