Když se něco pokazí

Chyby dělá každý, a tak je dobré vědět, kde se o nich dozvíte. Jsou dvě místa.

Konzole pod stránkou ukazuje chyby, ke kterým dojde, když aplikace běží, a varování Reactu. Když třeba komponenta použije název, který neexistuje, konzole ukáže:

ReferenceError: Kaply is not defined
    at App (App.jsx:10)
An error occurred in the <App> component.

Consider adding an error boundary to your tree to customize error handling behavior.
Visit https://react.dev/link/error-boundaries to learn more about error boundaries.

Chyba nastala v komponentě App na řádku 10 souboru App.jsx. Zpráva pod ní je od Reactu a říká, ve které komponentě chyba nastala; její radu o error boundaries zatím můžete přeskočit. Když komponenta takhle selže, React aplikaci nemůže ukázat, a tak je stránka prázdná.

Varování jsou taky červená, ale aplikace běží dál: React upozorňuje, že je něco špatně, třeba <uvitani /> z kvízu. Kdykoli stránka nedělá, co čekáte, podívejte se do konzole.

Hned pod náhledem, nad konzolí, se červeně ukáže chyba v zápisu kódu, třeba neuzavřený tag. S takovou chybou nejde soubory převést na JavaScript, který prohlížeč spustí, a tak se aplikace nespustí vůbec. Zpráva říká, kde chyba je:

App.jsx(9,14): JSX element 'p' has no corresponding closing tag.

To je řádek 9 souboru App.jsx, sloupec 14 (14. znak na řádku): prvek p, který tam začíná, nemá </p>. Tyto zprávy jsou anglicky, stejně jako ty v konzoli.