Skip to main content
VelinStyle v1.3.0
⌂ Home
  1. Docs
  2. Help
  3. Styles missing

Docs for VelinStyle 1.3.x · verified against 1.3.0

Styles are missing 1.3.0

Check the CSS link, production trimming, and dynamic classes in the rendered page. Deutsch

Problem

Layout looks unstyled, or only dynamically added classes vanish after production.

First check

Run the general diagnostic from the project directory first.

npx @birdapi/velinstyle doctor

Deeper check

npx @birdapi/velinstyle check ./index.html --profile docs
npx @birdapi/velinstyle production . --safelist .my-dynamic-class

Quick check

  • Run commands from the intended project directory.
  • Use only documented profiles and flags.
  • Check again after every change.

Production removed a dynamic class

Cause: A class only present at runtime was purged from the production CSS.

  1. Solution 1: Rebuild with npx @birdapi/velinstyle production . --safelist .my-dynamic-class.
  2. Solution 2: Keep the safelist minimal—only classes that never appear in static HTML.
  3. Solution 3: Point the page at dist/velin-production/ and confirm the class survives.
Verify again
npx @birdapi/velinstyle doctor
npx @birdapi/velinstyle check ./index.html --profile docs

Still broken?

Copy this template into a support request and add the outputs.

BirdAPI Forum · VelinStyle Support