Cuando hay un error en mi aplicación React 17, la consola de desarrollo de Chrome muestra errores en las rutas de archivos de fragmentos en lugar del archivo de origen real que contiene el componente con error. ¿Es posible mostrar la ruta de los archivos reales en lugar de fragmentos? Lo he comprobado y todos los archivos tienen un mapa fuente generado para ellos.
Error de muestra
index.js:1 Warning: Encountered two children with the same key, `1`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version. at tr at http://localhost:3000/static/js/vendors~main.chunk.js:1363:73 at TableRow (http://localhost:3000/static/js/vendors~main.chunk.js:42348:84) at thead at http://localhost:3000/static/js/vendors~main.chunk.js:1363:73 at TableHead (http://localhost:3000/static/js/vendors~main.chunk.js:41463:84) at HeadTable (http://localhost:3000/static/js/4.chunk.js:504:21) at table ......Muestra del resultado deseado
index.js:1 Warning: Encountered two children with the same key, `1`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version. at tr at ./src/components/Table.tsx:1363:73 ......Consulte esta sección en la página Límites de error de React: Trazas de pila de componentes
Es un breve párrafo que repasa el resultado y las instrucciones para usar este complemento de babel para obtener el resultado que desea.
En desarrollo, si está utilizando la herramienta de desarrollo React en su navegador Chrome o Firefox, podrá ver el código fuente de su aplicación y todos sus componentes.
Si desea ver su estado de React Redux, también le recomiendo la herramienta de desarrollo de React Redux .