Fetching documentation…
Severity: error | Blocks morph build: yes
Status: documented rule —
morph checkdoes not report this code yet. The underlying problem still breaks your build or your UI; the cause and fix below apply when you hit it.
An import "./app.css" (or url(...) reference) points to a file that does
not exist on disk:
error : mx-css-file-missing : CSS file not found: `./styles/app.css`
hint: Check the relative path — imports resolve from the importing file
Learn more: https://morph.levizr.com/docs/errors/mx-css-file-missingCSS is bundled at compile time: the compiler reads every imported stylesheet, parses it, and bakes the rules into the binary. A missing file means the bundle step has nothing to read — and the app would ship unstyled with no indication why. Failing fast names the exact import to fix.
// ❌ ./styles/app.css does not exist — mx-css-file-missing
import "./styles/app.css";
export default function App() {
return <div className="card">Hello</div>;
}// ✅ Point at the real file (relative to this source file)
import "./app.css";
export default function App() {
return <div className="card">Hello</div>;
}Steps:
.css)../app.css from src/App.mx means src/app.css.morph check.Do not disable this rule. A missing stylesheet cannot be bundled.