Estoy ejecutando una aplicación React simple con paquete web en modo de desarrollo de la siguiente manera:
webpack -w --modo de desarrollo --config ./webpack.config.js
para que mi código no sea minimizado. Sin embargo, recibo una advertencia de React de la siguiente manera:
Advertencia: no se puede realizar una actualización de estado de React en un componente desmontado. Esto no es operativo, pero indica una pérdida de memoria en su aplicación. Para solucionarlo, cancele todas las suscripciones y tareas asincrónicas en una función de limpieza useEffect. en WEBPACK_DEFAULT_EXPORT (http://localhost:3000/bundle.js:4165:70) en div en WEBPACK_DEFAULT_EXPORT (http://localhost:3000/bundle.js:4120:73)
Los enlaces que proporciona son para el código real de la biblioteca React, pero me gustaría saber el código que escribió el desarrollador que provocó la advertencia.
Normalmente, React extraerá el código del desarrollador, pero en este caso no lo hace. ¿Hay alguna manera de encontrar esto fácilmente?
Creo que un error normalmente mostrará un seguimiento de la pila, pero esta es una advertencia, ¿quizás no sea posible?
Me gustaría al menos saber el archivo que está causando la advertencia.
Recomiendo usar eval-source-map en desarrollo: https://webpack.js.org/configuration/devtool/#development
eval-source-map: cada módulo se ejecuta con eval() y se agrega un SourceMap como DataUrl a eval(). Inicialmente es lento, pero proporciona una velocidad de reconstrucción rápida y produce archivos reales. Los números de línea se asignan correctamente ya que se asignan al código original. Produce mapas de origen de la mejor calidad para el desarrollo.
Para producción, none / source-map es un buen lugar para comenzar.
source-map: se emite un SourceMap completo como un archivo separado. Agrega un comentario de referencia al paquete para que las herramientas de desarrollo sepan dónde encontrarlo.