Troubleshooting
The preview will not start, the page opens as code, a click selects the wrong thing — and what to do.
The preview never turns green
The dot beside the URL shows the dev server’s state. If it stays off:
- Run
npm installin the project — Stacki does this for a project it scaffolds, but not for one you cloned. - Run
npm run devin a terminal. If Astro will not start there, the fault is in the project’s config, not in Stacki, and the terminal will say so more plainly. - Check the port is free. Astro picks another if 4321 is taken, but a config pinning a port that something else holds will fail.
The page opened in a code editor
That is the fallback: the page contains markup the visual model does not represent. Nothing is wrong with the file, and nothing has been changed. See editing code.
A click on the canvas selects the wrong element
Clicks are resolved by hit-testing the cursor against the rendered boxes. An element covered by an absolutely positioned sibling — an overlay, a decorative layer — will hand the click to whatever is on top. Select it from the Navigator instead, which addresses the tree directly.
The canvas reloaded instead of patching
Some changes cannot be diffed into the page — a change to the layout that wraps it, or markup that cannot be lined up with what was there. Stacki falls back to a reload rather than applying a patch it is not sure of.
Styles are not going where I expect
Check the Add custom styles in control at the top of the style panel: that is the source being written to. Then check the breakpoint on the canvas — an edit at Tablet writes into the tablet query, not the base rule. See breakpoints.
Publish to GitHub does nothing
It shells out to the GitHub CLI. Install gh and run
gh auth login once, then try again.
Something else
Open an issue at github.com/flowtricks/stacki/issues. Security issues should go to the maintainer privately rather than into a public issue.