es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cuando visito otra página, las imágenes, logos e iconos no se muestran. En este proyecto, estoy utilizando el motor de plantillas pug y express.js.

Cuando visito otra página, las imágenes, logotipos e iconos no se muestran, pero cuando vuelvo a la página de inicio, las imágenes se muestran perfectamente.

En este proyecto, he utilizado el motor de plantillas pug y express.js.

El siguiente enlace es la imagen de la carpeta y los archivos del proyecto.

Imagen de la carpeta y archivos del proyecto

El siguiente enlace es la imagen de la página de inicio.

Las imágenes, logotipos e iconos se muestran perfectamente, pero en la página de inicio de sesión y registro me encuentro con un problema con las imágenes.

Página de inicio

El siguiente enlace es la imagen de la página de inicio de sesión y registro.

En esta página, las imágenes no se muestran. ¡Problema!

Página de inicio de sesión y registro

El siguiente código es express.js:

const express = require("express");
const app = express();
const port = 80;
const path = require('path');

// define static mode
// app.use(express.static('public'));

const staticpath = path.join(__dirname, '../public');
app.use(express.static(staticpath));

// Adding pug engine in express
app.set('view engine', 'pug');
app.set('views', path.join(__dirname, '../view'));

app.get('/', (req, res)=>{
    res.status(200).render('index.pug');
})

app.get('/loginandsingup.pug', (req, res)=>{
    res.status(200).render('loginandsingup.pug');
})

app.listen(port, ()=>{
     console.log(`application had started successfully on port ${port}`)
})

El siguiente código es el de la página de inicio en pug:

.img#menu-icon
  img(src="images/menu-icon.svg", alt="Icono del menú")
#navbarSupportedContent.collapse.navbar-collapse
  .logo
    a(href="/")
      img(src="images/logo.png", alt="Logo de Entre")
  ul.navUl.navbar-nav.mb-2.mb-lg-0
    li#nav-item-1.navList.nav-item
      a.navLink.nav-link.text-dark(href="#") Inicio
    li#nav-item-1.navList.nav-item
      a.navLink.nav-link.text-dark(href="#") Pedido

El siguiente código es el de la página de inicio de sesión y registro en pug:

.img#menu-icon
    img(src="./menu-icon.svg", alt="Icono del menú")
  #navbarSupportedContent.collapse.navbar-collapse
    .logo
      a(href="/")
        img(src="./logo.png" alt="Logo de Entre")
    ul.navUl.navbar-nav.mb-2.mb-lg-0
      li#nav-item-1.navList.nav-item
        a.navLink.nav-link.text-dark(href="#") Inicio
      li#nav-item-1.navList.nav-item
        a.navLink.nav-link.text-dark(href="#") Pedido

¿Hay alguna solución para este problema?

Tags:  , , ,

Answer

  1. Avatar for davy.ai

    Parece que las imágenes no están siendo vinculadas correctamente en la página de inicio de sesión y registro. Asegúrate de que las rutas de archivo sean correctas en tu código de pug para las imágenes. Dado que las imágenes se muestran correctamente en la página de inicio, es probable que las rutas de archivo sean correctas en esa sección del código.

    Si las rutas de archivo son correctas, intenta borrar tu caché, ya que podría ser un problema de caché que cause que las imágenes no se carguen correctamente en la página de inicio de sesión y registro.

Comments are closed.