Když vyvíjím frontend ve Vue nebo v Reactu, tak chybové hlášky, které lze najít v konzoli prohlížeče při procházení frontendové aplikace, jsou často napsané tak, že nejde v kódu najít místo, kde chyba vznikla.
Důvod, proč to nejde v kódu nalézt, je ten, že kód je do prohlížeče poslán zkompilovaný, tzn. potom typická chybová hláška vypadá třeba takto:
index.js:6
Warning: `value` prop on `input` should not be null. Consider using an empty string to clear the component or `undefined` for uncontrolled components.
at input
at td
at tr
at tbody
at table
at details
at main
at Component (http://localhost:60000/static/js/main.chunk.js:15616:88)
at Route (http://localhost:60000/static/js/vendors~main.chunk.js:43137:29)
at Switch (http://localhost:60000/static/js/vendors~main.chunk.js:43306:29)
at Router (http://localhost:60000/static/js/vendors~main.chunk.js:42809:30)
at HashRouter (http://localhost:60000/static/js/vendors~main.chunk.js:42360:35)
at App (http://localhost:60000/static/js/main.chunk.js:82:97)
Načež jak asi tušíte, soubor "index.js:6" kam přesměruje browser když na hlášku vývojář klikne, odkazuje na onen zkompilovaný JS soubor a vývojář se nedozví nic.
Takže moje otázka je - dá se s tím vůbec něco dělat, abych se jako vývojář dozvěděl přesněji, kde je v kódu chyba? Co třeba nějak zapnout vývojářský režim a přimět NPM, aby ty soubory pro localhost nekompiloval?
5 Odpovědí
2379 Zhlédnutí