He estado trabajando en Create-react-app y tenía una compilación de desarrollo que estaba lista para publicar. Ejecuté comandos como los que se ven aquí y logré implementarlos en las páginas de GitHub. Después de la implementación, volví a hacer algunos cambios y los archivos en mi directorio 'público' ya no se mostraban en desarrollo (utilicé npm start para volver al desarrollo, que es quizás la fuente del problema).

Tengo algunas imágenes en el directorio 'público' al que estaba accediendo desde el directorio 'src' (entiendo que generalmente no se recomienda, pero se alinea con algunos problemas de práctica que estoy haciendo a través de un curso). La ruta del archivo funcionó bien tanto en desarrollo como en producción. Pero cuando volví al desarrollo, parece que estoy en una versión diferente de desarrollo. A continuación se muestran algunas instantáneas de la ruta de mi archivo para aclarar:

1. Ruta del archivo en mi computadora. Desde src/components/TravelCard.js, necesito acceder a elementos en public/images/. Funcionó bien en desarrollo y producción con <img src={`./images/${props.img.tripPic}`} alt=""/>

   

2. La ruta del archivo que se muestra en Chrome Dev Tools antes de la producción (tenga en cuenta que esto es de un proyecto similar ya que no puedo volver a él desde el proyecto actual).

   

3. La ruta del archivo se muestra en Chrome Dev Tools después de la producción cuando se accede mediante npm start .

   

Me complace explicar más si esto no proporciona suficiente información. Mi repositorio está aquí . Gracias por cualquier ayuda.