SyntaxError: Unexpected token ‘<' in JSX

Unexpected token '<' in JSX hiba: Babel transpiler hiánya, konfiguráld a JSX feldolgozást.

Unexpected token ‘<‘ JSX

Hibaüzenet

SyntaxError: Unexpected token '<' in JSX

Hibás kód

const el = <div>Hello</div>;

Javított kód

// Babel telepítése és .babelrc:
// { "presets": ["@babel/preset-react"] }
const el = <div>Hello</div>;

Magyarázat

Unexpected token ‘<‘ in JSX hiba akkor fordul elő, amikor a JSX szintaxist nem transpilálja megfelelően a build folyamat. A megoldás, hogy telepíted a Babel React presetet (`npm install @babel/preset-react`) és konfigurálod a `.babelrc` fájlt, hogy a JSX kódot JavaScriptre alakítsa. Így a böngésző vagy Node.js futtató nem dob SyntaxError-t.

További információ: Babel preset-react