En mi archivo tsconfig.json , tengo "compilerOptions":{baseUrl} que me permite buscar imágenes en public/images/foo.png como esta <img src='images/foo.png/> .
Que todavía funciona, excepto en mis rutas anidadas . Está funcionando en la línea 16 y otras rutas que no están anidadas, pero no en la línea 17 aunque lo copié y pegué para asegurarme de que tengan la misma ortografía y mayúsculas.
También intenté buscar en el inspector de la herramienta de desarrollo del navegador para ver si tienen un src similar, lo cual es cierto, pero el que tiene problemas para cargar la imagen. trabajo src no trabajo src
Cuando le dice al navegador que busque images/foo.png cuando la ruta actual es /foo/bar , por ejemplo, el navegador buscará /foo/images/foo.png .
Para evitar esto, agregue una barra al principio de la ruta (por ejemplo images/foo.png se convertiría en /images/foo.png ).
Siempre debe preceder la ruta de la imagen con una barra diagonal '/' como esta
<img src='/images/foo.png/>Así no
<img src='images/foo.png/>